nicht angemeldet
Hallo!
Warum überschneiden sich diese Layer? Eigentlich müsste doch ein Abstand von 20px bleiben (20+120+20=160).
Du definierst den Anfangspunkt 20 Pixel von links, die Breite 120 Pixel, den Innenabstand 20 Pixel.
Das gibt dann zusammen einen Endpunkt 180 Pixel von links. Der Anfangspunkt von dem Inhaltslayer ist allerdings 160 Pixel von links definiert, daher überschneiden sich die Layer.
Der Internet Explorer interpretiert es anders, da er einen Fehler im Boxmodell hat. Der Internet Explorer 6 interpretiert es allerdings mit einer Doctpye-Angabe mit URL korrekt.
Warum ist unten kein Rand wie oben (margin: 20px;)?
Um ehrlich zu sein - Keine Ahnung.
Warum ist der rechte Rand im IE so groß
Weil du sowohl margin:20px; im body als auch beim Inhaltslayer definiert hast. Wenn du es beim body wegnimmst so funktioniert es - allerdings hat der Internet Explorer dann wegen untem genannten Fehler ein Problem, da er dann die Angaben des Navigationselements missinterpretiert.
Das lässt sich durch das Umändern in position:absolute; und einem zusätzlichen Eintrag
body > div#nav {
position : fixed;
}
korrigieren.
(Allerdings könnte der IE 5 erfahrungsgemäß etwas merkwürdig reagieren, leider habe ich gerade keinen installiert um das zu überprüfen)
warum wird der linke Layer trotz position: fixed weggescrollt?
Der Internet Explorer interpretiert momentan noch kein position:fixed; sondern versteht es als position:relative;
emu
[der ganz genau weiß dass in diesem posting einige fehler sind, die er selber übersehen hat - bitte solche zu korrigieren]