automatyczna wysokość, IE dobrze wyświetla, Opera 50/50, FF niestety nie :( Opcje

[Immanuel]

Mam taki plik CSS:

[HTML] pobierz, plaintext 
.calosc {
	width: 780px;
	height: 100%;
	border-style: solid;
    }
    .lewa {
    	float:left;
	width:250px;
	height: 100%;
	border-style: solid;
    }
    .prawa {
    	float:right;
	width:510px;
	height: 100%;
	border-style: solid;
    }
[HTML] pobierz, plaintext 

i taki plik html:

[HTML] pobierz, plaintext 
<div class="calosc">
<div class="lewa">
tutaj tekst
</div>
<div class="prawa">
tutaj tekst
</div>
</div>
[HTML] pobierz, plaintext 

Uproscilem spejalnie, zeby latwo sie czytalo.
I teraz jak wladuje wiecej tekstu do lewlej lub prawej kolumny to:
- IE wyswietla tak jak tego oczekuję: lewa i prawa kolumna maja tę samą wysokość i sa w srodku ''calosci''
- opera po czesci wyswietla tak jak chce: jezeli jest wiecej tekstu w lewej to rozciaga lewą kolumnę i ''calos'' tak aby zajmowaly tyle ile jest potrzeba, ale prawa ''kolumna'' zostaje krotsza. i odwrotnie (jezeli w prawej jest wiecej tekstu to lewa pozostaje krotsza)
- FF calkiem swiruje i zawartosc wystaje poza DIV-a

jest jakis sposb zeby wszystkie przegladarki wyswietlaly to tak jak IE ?

[Kreton]

Po pierwsze myślę, że masz złe podejście. Wyciągasz używając float, 2 divy z normalnej struktury (prezentacyjnej, powiedzmy), dzięki czemu rodzic nie wie jaką powinien mieć wysokość. Tutaj wcale nie potrzebujesz tego. Zadbaj aby przynajmniej jeden element determinował wysokość rodzica. Zdaj sobię sprawę, że IE nie wie co to height i traktuje to jako min-height.

Wbij sobie żelazną zasadę do głowy: Najpierw twórz stronę dla Opery, FF czy Safari, dopiero potem naprawiaj błędy dla IE.

Nie wiem czy dokładnie o to ci chodzi ale: poczytaj o Faux Columns, dodaj http://www.xs4all.nl/~peterned/examples/csslayout1.html.

Porponuje się zapoznać z spolszczoną dokumentacją CSS1, w szczególności z 4 rodziałem. Nie znalazłem nigdzie w necie, usunięto link na w3.org, więc odgrzebałem na dysku i oto jest: http://kret.jogger.pl/files/css1.htm

Ten post edytował Kreton 15.10.2007, 18:52:09

[smialy]

Witam

Popieram przedmówce. Jeśli dziala w ie a nie dziala w reszcie świata to na 99.(9)% jest źle :] A co do rówych kolumn, może czegoś nie wiem, nie da się tego zrobić w 'normalny' sposób przy użyciu divów aby działało na większości przeglądarek.

[mewa]

Ja obchodzę wyciągnięte float'y w ten sposób, że doklejam pod nie "diva przyklejającego"
<div class="przyklej"></div>
gdzie
.przyklej {
clear:both;
font-size:0;
line-height:0;
height:0;
padding:0;
margin:0
}