Internetexplorer vermute 3px problem aber keine lösung ...

[Detlef G.]

Hallo Markus

ich kriege den verdammten Rand um den Titelcontainer nicht weg ... :(

Ein Problem besteht darin, dass wohl der default-margin der P-Elemente nicht
immer und in jedem Browser genau 1em ist.
Du versuchst es mit margin: -1em 20% -1em 20%; auszugleichen.
Das funktioniert natürlich nicht zuverlässig in allen Browsern.
(Wenn ich im Firefox die Schrift vergrößere erhalte ich auch manchmal einen
weißen Streifen, dort sind das wohl Rundungsfeheler.)
Besser ist es den margin der P-Elemente im Elternelement (#maincontent) zu
halten. Das kannst du erreichen, indem du #maincontent einen border gibst.
Dann den margin des #footer auf 0 setzen, und die negetiven margins sind nicht mehr nötig.

Der IE setzt bei deinem Layout die h2 neben #navigation anstatt nur den
Inhalt floaten zu lassen.
Um dieses Problem zu beseitigen, fällt mir nur ein zusätzliches Element
ein, welches #navigation und h2 enthält und die Hintergrundfarbe von
h2 hat.

Wenn du die Schriftgrößen in em angibst, dann solltest du für body 100.01%
angeben, damit der IE beim skalieren nicht überteibt.

Farbige Boxen nahtlos anneinander setzen ist immer gefährlich, besonders bei
flexiblen Angaben. Durch Rundungsfehler können immer Überlappungen oder
Zwischenräume entstehen.

Auf Wiederlesen
Detlef