emu: float, clear, padding und die Browser

Beitrag lesen

Hallo!

Bei meinem ewigen Projekt, dass grob gesagt alles richtig machen soll, was im Forum als richtig gesehen wird, habe ich vor kurzem den pixelgenauen Ansatz geändert und will nun fast komplett mit em und float definieren.

Nachdem Stefan Einspender mir heute schon grundsätzliches zum Thema float erklärt hat, bin ich jetzt auf ein Problem gestoßen, das alle mir verfügbaren, modernen Browser anders interpretieren:

div.logo {
float:left;
width:7em;
border:1px solid black;
padding:0.5em;
margin:0.5em;
}
div.ueberschrift {
float:left;
border:1px solid black;
padding:0.5em;
margin:0.5em;
}
div.navigation {
clear:left;
float:left;
width:7em;
border:1px solid black;
padding:0.5em;
margin:0.5em;
}
div.inhalt {
float:left;
border:1px solid black;
padding:0.5em;
margin:0.5em;
}

(Die ganze Datei gibt es unter http://members.24speed.at/dammerer/test/float3.html)

Der Mozilla rendert es so, wie ich es will:

<img src="http://members.24speed.at/dammerer/test/float_mozilla.gif" border=0 alt="">

(Mozilla 0.9.8, Windows 2000)

Der Opera hat sowohl in der Version 5 als auch in der Version 6 das Problem, dass er sich weigert, den Innenabstand (padding) für den ersten Bereich (Logo) korrekt darzustellen:

<img src="http://members.24speed.at/dammerer/test/float_opera.gif" border=0 alt="">

(Opera 6, Windows 2000)

Der Internet Explorer hat schließlich seine eigenen Vorstellungen, wie das komplexe float- und clear-Geflecht zu interpretieren ist. Der Boxmodell-Bug ist bei meinem Ansatz eher egal, denke ich.

<img src="http://members.24speed.at/dammerer/test/float_ie.gif" border=0 alt="">

(Internet Explorer 6, Windows 2000, darstellungsgleich mit Internet Explorer 5, Windows 98se)

Nund meine Fragen:
1)Welcher Browser hat recht?
2)Wie kann ich alle Browser auf Mozilla-Ansicht bringen?
3)Warum weigert sich der Opera beharrlich, den oberen Innenabstand des Logos richtig darzustellen? Wie kann ich ihm das beibringen?

Vielleicht wird meine Seite auch irgendwann einmal fertig? Wer weiß? :-)

Netscape 4 hat überhaupt recht eigene Vorstellungen wir man die Seite interpretieren soll - ich werde ihn mit @import aber "aussperren".

emu
[floate spielend]