Der folgende Beitrag wurde am 25. 10. 2007, 15:29 Uhr von Christian veröffentlicht.
Hallo,
ich bin gerade dabei ein ganz einfaches Layout mit CSS zu realisieren.
Das Problem ist, dass Firefox die Seite nicht so darstellt wie sie sein sollte, in IE ist alles okay. Nämlich wird das Padding des divs "content" am unteren Rand nicht berücksichtigt und die Linien an den Seiten gehen nicht ganz bis nach unten. Hier
CSS
Woran kann das liegen?
Danke im Voraus,
Christian
Der folgende Beitrag wurde am 25. 10. 2007, 15:49 Uhr von Sebastian Gebhard veröffentlicht.
> Hallo,
>
> ich bin gerade dabei ein ganz einfaches Layout mit CSS zu realisieren.
> Das Problem ist, dass Firefox die Seite nicht so darstellt wie sie sein sollte, in IE ist alles okay. Nämlich wird das Padding des divs "content" am unteren Rand nicht berücksichtigt und die Linien an den Seiten gehen nicht ganz bis nach unten. Hier
> CSS
>
> Woran kann das liegen?
>
> Danke im Voraus,
>
> Christian
Das Phänomen (ich nenne es so, weil ich mir nicht sicher bin ob es Standart ist oder ein FF-Bug) tritt auf, wenn man floatende div-container (in deinem Fall left und right) in einem nicht floatenden container hat.
Gib deinem Container content einfah noch die Eigenschaft float:left; schon sollte es funktionieren.
Frag mich aber bitte nicht aus, warum genau das so ist.
Wenn jemand mehr weiß... mich würde es auch interessieren
Der folgende Beitrag wurde am 25. 10. 2007, 16:04 Uhr von Christian veröffentlicht.
Ja, jetzt funktionierts. Danke. Würd mich aber auch interessieren woran das wohl liegt.
Der folgende Beitrag wurde am 25. 10. 2007, 16:45 Uhr von Antipitch veröffentlicht.
Moin,
das hängt mit der Frage zusammen, in welchem Fall Elemente einer bestimmten flow/ position/ display Eigenschaft für Kindelemente mit ihrerseits eigenen/anderen flow/ position/ display Eigenschaften "containing blocks" konstituieren.
Für dieses Beispiel: #left und #right sind durch float aus dem normalen Dokumentfluss genommen. Sie werden zwar durch die Grenzen von #content (bzw. auch der h1) "aufgehalten", ansonsten "weiß" #content aber nichts von ihrer Existenz oder ihren Ausmaßen. Demgemäß wird #content (richtigerweise!) durch sie auch nicht in der Höhe aufgespannt.
Für das vorliegende Beispiel hätte es auch noch andere Lösungen gegeben. Bspw. ein block-level Element mit clear:both unterhalb von #right, aber innerhalb von #content (-> Stichwort "aufspannen"). Andere Möglichkeit: #right gar nicht floaten, sondern mit entsprechend großem margin-right neben #left platzieren.
Für eure weitere Erforschung dieser nicht unkomplexen Materie hier die Theorie dazu ;-)
Visual formatting model und Visual formatting model details
Gruß
Antipitch
Der folgende Beitrag wurde am 25. 10. 2007, 16:48 Uhr von Antipitch veröffentlicht.
Korrektur:
> Andere Möglichkeit: #right gar nicht floaten, sondern mit entsprechend großem margin-right neben #left platzieren.
margin-left natürlich...
Gruß
Antipitch
Der folgende Beitrag wurde am 25. 10. 2007, 17:46 Uhr von Gunnar Bittersmann veröffentlicht.
Hello out there!
> weil ich mir nicht sicher bin ob es Standart ist
Ich bin mir sicher, dass es kein Standar*t* ist.
> oder ein FF-Bug
Nein, kein Bug. Dass _float_ende Elemente nicht im normalen _Fluss_ sind, ist in CSS so spezifiziert und unter beider beiden Begriffen im Archiv recherchierbar.
See ya up the road,
Gunnar
--
„Und [dieses Forum] soll […] auch ein Fachforum bleiben und kein Psychologieforum werden.“ (Kirsten Evers)
Der folgende Beitrag wurde am 26. 10. 2007, 08:05 Uhr von Sebastian Gebhard veröffentlicht.
> Ich bin mir sicher, dass es kein Standar*t* ist.
Vielen Dank für den Hinweis, jetzt bin ich auch überzeugt, dass es kein Standart ist =D
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4