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:
Cytat
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.
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