Hallo zusammen,
im Firefox läuft die Seite absolut Problemlos, aber MSIE macht unter der Navigationsleiste Schluss und zeigt nichts mehr an, nicht nur den Iframe nicht sondern auch das Hintergrundbild nicht.
Die Seiten werden nicht in den iframe sondern in eine neue Seite geladen?!
Könnt ihr mir sagen, was ich falsch gemacht habe?
Hier die HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<style type="text/css">
#outer {width:980px; height:30px; background:#fff; border-top:5px solid #ff9933; position:relative;}
.menu {list-style-type:none;padding:0;margin:0 37px;}
.menu ul {list-style-type:none;padding:0;margin:0;}
.menu li {float:left;background:#ffcc66;margin:3px 5px 0 0;position:relative;}
.menu li.sub {background:##ff9900;}
.menu table {border-collapse:collapse;position:absolute;top:0;left:0;z-index:80;font-size:1em;}
.menu li a {display:block;color:#000;font-family:arial, sans-serif;font-size:11px;line-height:24px;width:125px;text-decoration:none;text-align:center;}
.menu :hover{color:#ffffff;background:#ff9900;}
.menu :hover > a {color:#ffffff; background:#ff9933;}
.menu ul, .menu :hover ul ul {position:absolute;left:-9999px;width:128px;}
.menu :hover ul{left:0px;top:24px;background:url(transparent.gif);}
.menu :hover ul :hover ul {padding:0 3px;left:125px;top:-3px;}
#outer p {position:absolute; right:10px; bottom:0px; margin:0; color:#fff; font-size:10px; font-family:arial, sans-serif;}
body {
background-color: #ffcc66;
margin-top: 5px;
background-repeat: no-repeat;
margin-left: 5px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body id="bla">
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="885" height="5" bgcolor="#FF9933"></td>
<td width="106" bgcolor="#FFCC66"></td>
</tr>
<tr>
<td height="1" colspan="2" bgcolor="#FFcc66"></td>
</tr>
<tr>
<td height="90" colspan="2"><img src="pix/header04.jpg" alt="" width="980" height="90" /></td>
</tr>
<tr>
<td colspan="2"><div id="outer">
<ul class="menu">
<li class="sub">
<div align="center"><a href="http://www.xyz.de">blabla
</a><ins>
<table>
<tr>
<td><ul>
<li><a href="blabla.htm" target="iframe">blabla</a></li>
<li><a href="blabla.htm" target="iframe">blabla</a></li> </tr>
</table>
</ins></a> </div>
</li>
<li class="sub">
<div align="center"><a href="http://www.xyz.de">blabla
</a><ins>
<table>
<tr>
<td><div align="center">
<ul>
<li><a href="blabla.htm" target="iframe">blabla</a></li>
<li><a href="blabla.htm" target="iframe">blabla</a></li>
<li><a href="blabla.htm" target="iframe">blabla</a></li>
<li><a href="blabla.htm" target="iframe">blabla</a></li>
<li><a href="blabla.htm" target="iframe">blabla</a></li>
<li><a href="blabla.htm" target="iframe">blabla</a></li>
</ul>
</div></td>
</tr>
</table>
</ins></a> </div>
</li>
<li class="sub">
<div align="center"><a href="http://www.xyz.de">blabla
<comment>
</a><ins>
<table>
<tr>
<td><ul>
<li><a href="blabla.htm" target="iframe">blabla</a></li>
<li><a href="blabla.htm" target="iframe">blabla</a></li>
<li><a href="blabla.htm" target="iframe">blabla</a></li>
</ul></td>
</tr>
</table>
</ins></a> </div>
</li>
<li class="sub">
<div align="center"><a href="http://www.xyz.de">blabla
<comment>
</a><ins>
<table>
<tr>
<td><ul>
<li><a href="blabla.htm" target="iframe">blabla</a></li>
<li><a href="blabla.htm" target="iframe">blabla</a></li>
</ul></td>
</tr>
</table>
</ins></a> </div>
</li>
<li class="sub">
<div align="center"><a href="main.htm" target="iframe">Home
<comment>
</div>
</li>
</ul>
</div></td>
</tr>
<tr>
<tr>
<td colspan="2"><table width="980" height="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" background="pix/hg06.jpg"><iframe src="main.htm" name="iframe" width="792" marginwidth="0" height="350" marginheight="0" frameborder="0" align="top" scrolling="auto"></iframe></td>
</tr> </tr>
</table></td>
</tr>
</table>
</body>
</html>
