domquichotte
Neues Mitglied
Hallo zusammen,
ich arbeite an folgender Seite: Kulturraum Niederrhein e.V.. In allen Browsern ist die Darstellung korrekt. Nur der IE 6 legt meine Ebenen untereinander. Woran kann das liegen? Was muss ich ändern?
Vielen Dank für eure Hilfe.
Hier mein HTML-Aufbau
Und hier die CSS-Datai:
ich arbeite an folgender Seite: Kulturraum Niederrhein e.V.. In allen Browsern ist die Darstellung korrekt. Nur der IE 6 legt meine Ebenen untereinander. Woran kann das liegen? Was muss ich ändern?
Vielen Dank für eure Hilfe.
Hier mein HTML-Aufbau
HTML:
<body>
<div id="Zentrum" align="center">
<div id="Banner">
Bild
</div>
<div id="NurBanner"> //Container für folgende zwei Divs
<div id="Impressum">
mpressum
</div>
<div id="Sternchen">
Grafik
</div>
</div>
<div id="NurContent">
<div id="Ankerpunkte">
Hier werden Ankerpunkte automatisch ausgelesen
</div>
<div id="Content">
Hier steht der Content
</div>
<div id="Menu">
Hier stehen die Menüpunkte
</div>
</div>
<div style="filter:alpha(opacity:90);KHTMLOpacity:0.90;MozOpacity:0.90;opacity:0.90; visibility:hidden;" align="right" id="Stern" >
Versteckte Ebene, die erscheint wenn man auf den Stern klickt
</div>
</div>
</body>
Code:
#Zentrum {z-index:1; }
#Banner {width:1020px; height:300px; position:relative; left:0px; top:5px; z-index:1; margin:0px;}
#NurBanner {width:1020px; height:275px; position:relative; left:0px; top:-295px; z-index:1; text-align:left; margin:0px;}
#Impressum {width:100px; height:50px; position:relative;left:740px; top:50px; z-index:1; text-align:left;margin:0px;}
#Sternchen {width:20px; height:20px; position:relative; left:870px; top:100px; z-index:1;margin:0px;}
#NurContent {width:1020px; height:300px; position:relative; left:0px; top:-320px; z-index:1; text-align:left; margin:0px;}
#Ankerpunkte{width:200px; height:200px; position:relative; left:80px; top:0px; z-index:1; text-align:left; margin:0px;}
#Content {width:350px; height:200px; position:relative; left:320px; top:-205px; z-index:1; text-align:left;margin:0px; }
#Menu {width:200px; height:200px; position:relative; left:740px; top:-400px; z-index:1; text-align:left;margin:0px;}
#Stern {width:250px; height:auto; position:relative; left:200px; top:-680px; z-index:2; margin:0px;}
