Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML CSS] FireFox, float - dziwne zachowanie
nevt
post
Post #1





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

Ostrzeżenie: (0%)
-----


Witajcie, mam taki kod (przykład):
  1. <div style="float:left; width:200px; height:200px; border:1px solid;">test test test</div>
  2. <div style="width:200px; height:100px; border:1px solid;">test test test</div>
  3. </body></html>

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źć...
Go to the top of the page
+Quote Post
batman
post
Post #2





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




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

  1. <div style="float:left; width:200px; height:200px; border:1px solid;">test test test</div>
  2. <div style="float: left; width:200px; height:100px; border:1px solid;">test test test</div>
  3. </body></html>
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 15.09.2025 - 23:29