JASMS: Browserabhängigkeit: frustrierendes CSS-Problem

Beitrag lesen

Etwas, was mich bei CSS immer wieder in den Wahnsinn treibt, ist diese Browserabhängigkeit. Ich habe ein Layout gemacht mit einem Logo oben, darunter einem Text, einem Bild unten und einer Hintergrund-Grafik, die sich alle zusammen so arrangieren, daß sich ein Rahmen um die ganze Seite ergibt, der sich der Fenstergröße anpaßt.
Zu besichtigen ist das ganze bei www.tj3002.de im linken Frame.

Das funktioniert auch ziemlich perfekt mit IExplorer 7 und Firefox 2, aber im IExplorer 6 landet das untere Bild nicht unten, sondern am Textende, und das ist weiter oben. Unten taucht statt dessen wieder der Hintergrund auf, was irgendwas zwischen scheußlich und unprofessionell aussieht.

Positioniert habe ich das ganze etwa so:

</SCRIPT> <STYLE TYPE="text/css">
body {
  background-image: url(default_hg.jpg);
 background-repeat: repeat-y; /* nur nach unten kacheln */
 margin: 0px;
}

#Logo_oben {
 POSITION: relative;
 TOP: 0px;
 WIDTH: 280px;
 HEIGHT: 280px;
 BORDER: 0px;
}

#Rahmen_unten {
 POSITION: fixed;
 BOTTOM: 0px;
 WIDTH: 280px;
 HEIGHT: 30px;
 BORDER: 0px;
}

p {
 margin: 20px;
}
</STYLE>

Egal, was ich für die Positionierungen eingeben (static, absolute oder sonst was) oder wie ich das ganze aufteile (verschiedene DIVs mit verschiedenen Positionierungen), entweder es wird Müll, oder es geht, aber nicht im IExplorer 6. Funktioniert bei dem BOTTOM: 0px generell nicht?
Oder gibt es eine simple Lösung und ich komme nur nicht drauf ...?

Viele Grüße,

Ernst Hammann