wyrównanie div-ów z float w pionie Opcje

[czachor]

Witam,

mam 3 div-y obok siebie (wszystkie float: left). Jak zrobić, żeby miały identyczną wysokość (taką samą, jak najdłuższy z nich)? (potrzebuję tego, żeby każdy z div-ów miał z lewej strony pasek określonego koloru przy pomocy border-left).

Z tego co przeczytałem tutaj, nie bardzo da się to zrobić przy pomocy height: auto i podobnych, jeśli jest float:

3. Elementy nie-zastępowane: blokowe oraz z oblewaniem (float).

Jeżeli własności top, bottom, margin-top lub margin-bottom mają przypisaną wartość auto, przyjmują ostateczną wartość zero. Przypisanie wartości auto dla wysokości, spowoduje uzależnienie jej od wysokości elementów dzieci, przy czym pod uwagę nie są brane dzieci z ustawionym oblewaniem (float) ani pozycjonowane absolutnie, natomiast w przypadku dzieci pozycjonowanych relatywnie ich przesunięcie jest pomijane.

Dodam jeszcze, że nie mogę mieć stałych szerokości kolumn (div-ów), ale procentowe.

Próbowałem korzystać z tego: http://alistapart.com/articles/multicolumnlayouts ale przy zamianie na procenty zawala się...
Byłbym wdzięczny za każdą pomoc!

---edit
sprawa rozwiązana, hint: http://www.xero.prv.pl/layout/xro_layout005.html

Ten post edytował czachor 25.05.2007, 21:12:17

[snipe]

a próbowałeś z display: table

[Kostek.88]

Display: table ma sens tylko w przeglądarkach Firefox, w IE zobaczysz wielką kaszanę.

Pozdrawiam