position:fixed IE6

[RomanD]

Hi,

ich habe einen Div-Container, der den Content der Seite komplett überdecken und etwas abdunkeln soll.
Leider funktioniert das im IE6 nicht so richtig, er Container wird einfach über den Content gesetzt.

<!-- HTML -->
<div class='dunkel' id='dunkel'>
[... Inhalt ...]
</div>

<!-- CSS -->
.dunkel {
 position:fixed;
 z-index:99;
 width:100%;
 height:100%;
 left:0px;
 top:0px;
 background:url(../../images/trans.png) repeat;
 text-align:center;
 vertical-align:middle;
 border:solid black 1px;
 padding-top:250px;
}

trans.png ist ein halb-transparentes Bild, um den Content auszudunkeln.

IE7, FF usw. funktioniert es, nur eben IE<=6 nicht.

Gibts ne Möglichkeit, das da auch zum laufen zu bekommen?

Gruß

[Cyx23]

Hallo,

class='dunkel' id='dunkel'

war das so beabsichtigt?

ich habe einen Div-Container, der den Content der Seite komplett überdecken und etwas abdunkeln soll.
Leider funktioniert das im IE6 nicht so richtig, er Container wird einfach über den Content gesetzt.

Wo soll der Container sonst sein, wenn er den Content überdecken muß?
Ist das wirklich, wie im Thread-Titel angegeben, ein Problem von
position:fixed und dem IE 6, oder geht es um Halbtransparenzen, welche
der IE 6 vielleicht nicht hinbekommt?

Grüsse

Cyx23

[RomanD]

Hi,

der Container soll immer im Vordergrund sein, egal ob man scrollt.
Das tut er bei IE<=6 aber nicht, wenn man scrollt wird er auch mit verschoben.
Deshalb gehe ich davon aus, dass es an position:fixed liegt.

Gruß

[Cyx23]

Hallo,

Deshalb gehe ich davon aus, dass es an position:fixed liegt.

jetzt kann ich es nachvollziehen. Wenn du keine Ersatzlösung für die alten IEs
eingebaut hast, ist das natürlich der Grund.

Hier solltest du etwas zum Thema finden:
http://aktuell.de.selfhtml.org/artikel/css/footer/index.htm
http://aktuell.de.selfhtml.org/artikel/css/footer/beispiel6.htm
http://www.lipfert-malik.de/webdesign/tutorial/bsp/zwei-spalten-layout.html#fixed
http://www.lipfert-malik.de/webdesign/tutorial/bsp/position-fixed.html

Grüsse

Cyx23

[RomanD]

Hi,

danke, aber das bringt mich auch nicht viel weiter, ich kenn mich mit css-Hacks nicht sonderlich gut aus

[Cyx23]

Hallo,

danke, aber das bringt mich auch nicht viel weiter, ich kenn mich mit css-Hacks nicht sonderlich gut aus

Je nach Lösung und Sichtweise ist es erstmal CSS, ggf. noch der Doctype.

Vielleicht ginge noch eine einfache Variante per JavaScipt oder expression:
http://www.lipfert-malik.de/webdesign/tutorial/bsp/positionfixed.html

Oder es gelingt ohne zuviel Nachteile, das betr. Div größer als 100% zu
machen?

Ansonsten geht es auch einfacher: IE 6 und frühere Versionen können
position:fixed nicht.

Grüsse

Cyx23