Hallo,
http://neu.ju-ploen.de/ - die Seite ist Work in Progress, also noch vieles unfertig. Browserkompatibilität ist nach meinen Tests allerdings schon bis auf eine Sache im IE6 behoben, die mich allerdings nervt:
Die Navigation links geht im IE6 nicht auf die volle Breite von 180px und hat links einen Abstand von ca. 20 Pixeln zum Rand.
Ich merke eigentlich nix von "Browserkompatibilität".
Im Firefox 1.5 hast du 2 Spalten und im IE6 hast du 3 nebeneinander, aber dafür keine Links in der linken Navi.
Wie soll es denn jetzt eigentlich werden?
Auf den ersten Blick sehe ich, daß du viel zu viele Eigenschaften in den verschiedenen Selektoren benutzt, die nicht zusammenpassen bzw überflüssig sind.
Mir kommt es so vor, als hättest du in deinem Editor bei _jeder_ Eigenschaft mal irgendeinen Wert angeklickt, ob er nun nötig ist, oder nicht, oder als hättest du ewig herumprobiert, und dabei immer die Eigenschaften des letzten Versuchs einfach stehengelassen.
Ich hab noch nicht so ganz herausgefunden, woran das liegt, ob an #left oder #navigation, ob Innen- oder Außenabstand... der IE6 macht es einem nicht leicht, da die Fehlerquelle zu finden.
Dein Stylesheet zu korrigieren, wäre wahrscheinlich mehr Arbeit, als es neu zu schreiben. *g*
Falls du ein 3-Spalten-Layout möchtest, nimm doch mal diese Datei
http://gaby77.ga.funpic.de/web/demos/3_spalten/header-footer.html
als Grundgerüst, und setze nur deine Inhalte hinein, (wenn möglich, ohne 'position:absolute' oder 'position:relative')
Grüße
gaby
PS
(Beachte bitte nur das interne Stylesheet meiner verlinkten Datei, meine css-Datei "basic.css" ist für deine Zwecke überflüssig)