nicht angemeldet
mozilla und divs
Hallo forum,
wenn ich sowas mache:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html><head></head><body>
<div style="width:200px;border:1px solid black;float:left;">test</div>
<div style="width:200px;border:1px solid black;">test</div>
</body></html>
stellt Mozilla die Bloecke untereinander dar, IE aber nebeneinander. Wer machts nun richtig? Mozilla braucht auch im zweiten Div ein float:left...
Gruesse tender
-
Hi!
[...]
<div style="width:200px;border:1px solid black;float:left;">test</div>
<div style="width:200px;border:1px solid black;">test</div>|--> margin-left:210px;
stellt Mozilla die Bloecke untereinander dar, IE aber nebeneinander. Wer machts nun richtig? Mozilla braucht auch im zweiten Div ein float:left...
Der Gecko macht es immer richtig! Was dir gefehlt hat, ist ein zusätzliches margin-left. Dieses muss größer oder gleich der Breite des gefloateten Containers sein.
Grüße,
Fabian St.--
Endlich online: http://fabis-site.net
--> XHTML, CSS, PHP-Formmailer, Linux
Selfcode: ie:% fl:| br:^ va:) ls:& fo:) rl:( n4:° ss:| de:> js:| ch:| mo:) zu:)-
hi,
|--> margin-left:210px;
weils ein Block Element ist oder? Ein span rutscht ja auch ohne margin daneben...
Danke jedenfalls und frohe Weihnachten,
tender-
|--> margin-left:210px;
weils ein Block Element ist oder? Ein span rutscht ja auch ohne margin daneben...Beide divs beginnen in der linken, oberen Ecke, dass ist in Deinem Beispiel aber nicht so recht sichtbar. Erst wenn Du beim zweiten div width etwa 10 Pixel breiter machst, wirst Du sehen, dass es in der Tat über zwei Zeilen geht. Machst Du es so breit, dass das Wort "test" auch in den Raum neben dem ersten div passt, nimmt das erste div nur noch eine Zeile ein. Das ist auch der Fall, wenn Du beim zweiten div gar keine Breite angibst (und natürlich das Fenster breit genug ist).
Der margin-Trick sorgt dafür, dass das zweite div zwar weiterhin am linken Fensterrand beginnt, aber die linke Seite seines Inhalts neben dem ersten div liegt.
-
-
-
Wer machts nun richtig? Mozilla braucht auch im zweiten Div ein float:left...
Der Mozilla macht's richtig. Ohne anderweitige CSS-Deklaration ist ein <div> ein absolutes Blockelement und kennt keinen float.