nicht angemeldet
float mit div klappt im IE aber nicht im Fox
Hallo!
bei diesem Code:
<div style="float:left; width:167px;">1.Block</div>
<div style="width:638px; background-color:#00FF00">2.Block</div>
stellt der IE es so dar wie gemeint, der Firefox nicht.
Ich möchte eigentlich eine 167px breite Box haben, ohne Hintergrundfarbe und mit dem Text: 1.Block. Links daneben sollte mit grüner Hintergrundfarbe der zweite Block mit der Breite 638px erscheinen.
Der Fox macht beide Blöcke grün und schiebt die ineinander (Text steht zwar an der richtigen Stelle, die Gesamtbreite beider Blöcke ist aber nur 638px breit).
Was mache ich falsch?
Danke + Grüße
Stephan
-
Hi,
Der Fox macht beide Blöcke grün und schiebt die ineinander
nein, er beginnt die zweite Box exakt dort, wo es der Standard vorsieht: An einer Stelle, die vorangegangene gefloatete Boxen nicht beachtet. Das ist der Zweck von Floating.
Was mache ich falsch?
Du vergisst, dass Boxen auch einen Außenabstand haben.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hi,
nein, er beginnt die zweite Box exakt dort, wo es der Standard vorsieht: An einer Stelle, die vorangegangene gefloatete Boxen nicht beachtet.
um das für Stephan auch verständlich zu machen, erlaube ich mir einen Verweis auf Das Box-Modell als Grundlage CSS-basierter Layouts.
freundliche Grüße
Ingo
-