Ein weiteres Darstellungsproblem mit IE6/ IE7 ...
Folgende Seite funktioniert auf Firefox/ Netscape, der Internet Explorer zerhaut mir aber wieder alles. Wieso?
parkettonline
Es scheint mit dem Flashheader zusammenzuhängen:
Code
<div id="flashheader">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="800" height="195" id="flash-header" align="middle">
<param name="allowScriptAccess" value="sameDomain"></param>
<param name="movie" value="http://www.holzgrosshandel-online.de/wp-content/themes/straube/flash-header.swf"></param>
<param name="quality" value="high"></param>
<param name="salign" value="lt"></param>
<param name="wmode" value="transparent"></param>
<param name="bgcolor" value="#ffffff"></param>
<embed src="http://www.holzgrosshandel-online.de/wp-content/themes/straube/flash-header.swf" quality="high" salign="lt" wmode="transparent" bgcolor="#ffffff" width="800" height="195" name="flash-header" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/gogetflashplayer" ></embed>
</div>mit der CSS:
Code
#flashheader {
position: static;
z-index: 10;
padding: 125px 0 0 111px;
height: 195px;
width: 797px;
}Ausserdem funktioniert das Dropdownmenu beim IE6 nicht zuverlässig:
Code
/* ### ANFANG NAVIGATION DROPDOWN ### */
.dropdown {
margin: 61px 90px 0 0; /*75*/
float: right;
font-size: 1.2em;
}
.dropdown ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
text-align: center;
color: #e2ddd4;
}
.dropdown li { /* all list items */
float: left;
position: relative;
width: 145px;
border-right: 1px solid #e2ddd4;
}
.dropdown li ul { /* second-level lists */
display: none;
position: absolute;
top: 1em;
left: 0;
/*padding: 0 0.5em 0 0.5em;*/
background: url('images/dropdown.png');
text-align: left;
}
.dropdown li ul { /* second-level lists */
display: none;
position: absolute;
top: 1em;
left: 0;
background: url('images/dropdown.png');
text-align: left;
}
.dropdown a {
color: #6c6859;
}
.dropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}
.dropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
/*padding: 0 0 180px;
background: url('images/dropdown.png');*/
}
/* ### ENDE NAVIGATION DROPDOWN ### */Wo liegen die Fehler?! Was interpretieren die IEs anders als der Rest?!
Danke für Eure Hilfe!
Tobias