godn schrieb:
Was die Opera7-Seitenschatten anbelangt haut es leider auch mit " " im Auszeichnungscontainer nicht hin, ich habe es eben ausprobiert. Allerdings verändert sich etwas, die vorher gar nicht angezeigten Seitenschatten werden nun etwa (geschätzt) 30px hoch angezeigt...
Er wird in Höhe einer Zeile angezeigt. #links hat durch das nämlich jetzt einen Inhalt (eine Zeile) und somit auch eine Höhe (eine Zeile).
Leider nicht über die ganze Höhe, trotz "height: 100%" und "repeat-y"... Ich verstehe nicht warum.
In CSS2 wird ine Prozentangabe bei einem Element nur befolgt, wenn das Elternelement eine *explizite* Höhe hat. Das ist bei dir nicht der Fall, #maincontainer hat height: auto;
Setze mal stattdessen 300px, und du wirst sehen, daß jetzt die 100% (von 300px) Angabe greift. Nur zur Verdeutlichung, ist natürlich keine Lösung.
In CSS2.1 wird dagegen die Prozentangabe immer befolgt, wenn ein Element position: absolute; deklariert ist, was bei dir ja der Fall ist. Deshalb ist der Schatten im Mozilla da.
Zwei Möglichkeiten:
a) So lassen wie es ist. Ist halt der Schatten bei bestimmten Browsern halt nicht da.
b) Seitenstruktur ändern auf
<div id="#links">
<div id="#rechts">
<div id="#maincontainer">
...
Mit entsprechendem padding in #rechts. #maincontainer zieht die umschließenden divs auf die notwendige Höhe auf.
Überschrieben wird die Anweisung jedenfalls nicht, auch "!important"-setzen der Atrribute ändert die Höhe nicht.
Das passiert intern im Browser beim Verarbeiten der Stylesheets. Davon bekommst du nichts mit, außer dem Ergebnis.
Mein Problem ist einfach folgendes: Ich weiß nicht, warum es im IE6 nicht funzt,
Die Funzeln des IE:
http://www.positioniseverything.net/explorer.html
Du hast die freie Auswahl ;-)
Wenn dort eine Lösung angeboten wird, dann oft als CSS Hack. Kann natürlich auch mit conditional comments und einem separatem Stylesheet umgesetzt werden. Eine Lösung ohne spezielle Styleanweisungen für den IE ist nur selten möglich.
Eine nicht von der Hand zu weisende Regel lautet:
90% der Zeit braucht man, um die Seite W3C-konform zu gestalten. Die restlichen 90% braucht man, damit die Seite auch im IE funktioniert...
Wenn man es sich erlauben kann aktiviertes Javascript zu verlangen, kann man sich die Arbeit sehr erleichtern, indem man die antike CSS Implementation des IE ins Jahr 2005 holt:
http://dean.edwards.name/IE7/compatibility/