[mr.scruff]

Hallo zusammen!

Vor der Erklärung der [url="http://fukev.solades.info/"]Link zum Problem[/url].

Hier drei Screenshots. Firefox, IE 7 und Opera.








Wie ihr bereits in den Screenshots seht, spielt der Opera beim Margin nicht mit.

Das Problem ist nicht neu, aber dennoch seh ich den Wald vor lauter Bäumen nicht und weiß einfach nicht mehr wie ich das in den Griff bekomme.

Könnte ihr mir helfen?

[heiko_rs]

Opera reicht bereits height: 0; für .clear.

Allerdings benutzt Du dieses leere Element viel zu oft und fast immer ist es unnötig. Du kannst auch einfach den 3 Spalten jeweils margin-bottom geben und #footer clearen lassen.

Und Achtung: fuk.css ist utf-8 (was gut ist), wird aber ohne Zeichencodierung (z.B. per .htaccess) ausgeliefert und daher z.B. vom FX in iso-8859-1 dargestellt. Der IE macht das auch nicht anders, und durch die resultierenden Müllzeichen findet er mit Pech das Kommentar-Ende nicht und ignoriert nachfolgende CSS-Regeln.

[mr.scruff]

Hallo Heiko,

vielen Dank für den Tipp mit height: 0;
Wieder etwas dazu gelernt.

[heiko_rs]

Erstmal vorweg: Man sollte nie inhaltlose Elemente zum Clearen verwenden (allenfalls hr, da diese auch semantisch einen Sinn ergibt).

Grob gesagt: Clearen musst man immer dann, wenn sich ein Element unterhalb von Floats positionieren soll, oder wenn ein nicht floatendes Element ausschließlich Floats enthält, so dass seine Höhe Null ist. Eine Abhilfe ohne Zusatz-Markup: http://jassesnee.de/easyclear/index.html

Grundlagen: http://www.complexspiral.com/publications/containing-floats/