Hallo zusammen!
Ich habe das folgende Problem - und kriege es einfach nicht hin:
Meine Seite, die unter IE7, Firefox und Opera gut läuft, will sich im IE6 leider nicht so richtig darstellen. Habe dazu ein Vergleichsbild als Screenshot gemacht.
Die Ebenen sind nicht klar im Header, so dass einiges im IE nicht zu sehen ist, bzw. hinter der Grafik verschwindet.
Die Seite läuft unter Typo3, es sollte aber nicht daran liegen.
Vielmehr scheint es wohl ein CSS-Problem zu sein.
Ich würde mich sehr freuen, wenn da mal jemand drüber schaut .... und den Fehler findet. Besten Dank im Voraus!
Daher mal hier mein Template und CSS (Auszug):
Template:
HTML-Code:
<!-- A. HEADER -->
<div class="header">
<!-- A.1 HEADER TOP -->
<div class="header-top">
<!-- Sitelogo and sitename -->
<a class="sitelogo" href="http://jkhtrghgjkghrgh.de" title="Zur Startseite"></a>
<a class="xmaslogo" href="http://jkhtrghgjkghrgh.de" title="Zur Startseite"></a>
<div class="sitename">
<h1><a href="index.html" title="Zur Startseite">Unser Adventskalender xxxxxxxxxxxxxxxx</a></h1>
</div>
<div class="xmasslogan">
<a href="index.html" title="Zur Startseite">Weinachten 2007</a>
</div>
</div>
<!-- A.2 HEADER MIDDLE -->
<div class="header-middle">
<!-- Site message -->
<div class="topbanner">
</div>
</div>
<!-- A.3 HEADER BOTTOM -->
<div class="header-bottom">
<div class="nav2">
<div class="datum">
<!-- ###datum### -->
<!-- ###datum### -->
</div>
</div>
</div>
CSS:
/* HEADER */
.header {width:900px; font-family:verdana, arial, helvetica, geneva, sans-serif;}
.header-top {z-index:0; width:900px; height:80px; background:rgb(240,240,240) url(/fileadmin/images/site/bg_head_top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {z-index:0; width:900px; height:70px; background:rgb(230,230,230) url(/fileadmin/images/advcal/bg_head_middle.gif); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:900px; height:10px; background:rgb(255,255,255) url(/fileadmin/images/site/bg_head_breadcrumbs.jpg) repeat-y;}
.header-breadcrumbs {clear:both; width:900px; padding:1.0em 0 1.5em 0; background:rgb(100,100,100) url(fileadmin/images/site/bg_head_breadcrumbs.jpg) repeat-y;}
/* HEADER SECTION */
.sitelogo {width:120px; height:73px; position:absolute; z-index:1; margin:4px 0 0 15px; background:url(/fileadmin/images/site/logo120tr.gif); }
.xmaslogo {width:200px; height:200px;position:absolute; z-index:2; margin:0px 0 0 0px; background:url(/fileadmin/images/advcal/xmas-bells_gif.gif); }
.sitename {width:700px; height:73px; position:absolute; z-index:1; margin:30px 0 0 190px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:200%;} /* dies ist die oberste Überschrift */
.sitename h2 {margin:-4px 0 0 0; color:rgb(125,125,125); font-size:120%;}
.sitename a {text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}
/* dies ist die oberste Überschrift */
.xmasslogan {font-size:400%; color: #FFFFFF; font-weight:bold; z-index:1}
.xmasslogan {width:700px; height:73px; position:absolute; z-index:1; margin: 92px 0 0 280px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.xmasslogan h2 {margin: -4px 0 0 250px; color:rgb(125,125,125); font-size:120%;}
.xmasslogan a {text-decoration:none; color:rgb(195,0,0);}
.xmasslogan a:hover {text-decoration:none; color:#CCFFFF;}
.topbanner {width:750px; height:70px; position:absolute; z-index:1; margin:0px 0 0 100px; color:rgb(234,239,247); /*xoverflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
