Forum PHP.pl > [HTML CSS] FireFox, float

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML CSS] FireFox, float - dziwne zachowanie

nevt

17.10.2007, 21:42:57

Witajcie, mam taki kod (przykład):

[HTML] pobierz, plaintext 
<html><body>
<div style="float:left; width:200px; height:200px; border:1px solid;">test test test</div>
<div style="width:200px; height:100px; border:1px solid;">test test test</div>
</body></html>
[HTML] pobierz, plaintext

W IE 6/7 wyświetla się ok. tzn. oba bloki są obok siebie, tekst jest wewnątrz bloków.
A w FF 2 bloki są jeden pod drugim, dodatkowo druga linia 'test test test' wyświetla się jeszcze niżej, poza swoim blokiem.

O co chodzi - co robię źle?? - nie znalazłem nigdzie w necie opisu takiego babola w FF - pomóżcie, bo nie mam pojęcia jak to ugryźć...

batman

17.10.2007, 22:18:01

W drugim div-ie też dodaj float: left;

[HTML] pobierz, plaintext 
<html><body>
<div style="float:left; width:200px; height:200px; border:1px solid;">test test test</div>
<div style="float: left; width:200px; height:100px; border:1px solid;">test test test</div>
</body></html>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.