Ingo Turski: 3-Spalten-Layout via Float -> Darstellungsproblem

Beitrag lesen

Hi,

Arbeite ich jedoch (m.W.) mathematisch korrekt, zeigt nur der Firefox das Ergebnis korrekt an:
navi: 18,5% Breite plus 2x 0.5% margin (links/rechts) = 19.5 % Breite
re: 18,5% Breite plus 2x 0.5% margin (links/rechts) = 19.5 % Breite
li (Content): 61% Breite, kein margin, da schon gegeben durch navi/re

Das Problem dürften unterschiedliche Rundungen sein. Zu lösen ist das ganz einfach, indem Du dem Inhaltsbereich keine Breite zuweist, dafür aber margins. Bei den floatenden Boxen verzichtest Du dann auf margins.
Hättest Du aber auch in http://de.selfhtml.org/css/layouts/anzeige/3spaltig.htm ff nachlesen können.

Wie gehe ich am besten damit um, wenn ich in den Content-Boxen einen Innenabstand haben möchte? Wegen des Boxmodell-Bugs soll man padding ja nicht verwenden. Schachtel ich ein weiteres div rein mit margin?

entweder das (wobei dieses dann auch gerne padding haben darf, da es ja keine breite benötigt), ober Du schreibst für standardkonforme Browser und verwendest für den IE<6 CSS-Hacks. Ich würde mich für letzteres entscheiden zugunsten sauberen HTML-Markups.

freundliche Grüße
Ingo