Hallo und guten Abend.
Meine Seite http://www.dorettehugo.de/test/astrology.html wird im IE6 nicht korrekt dargestellt, wie ich bei netrenderer online http://meineipadresse.de/netrenderer/index.php feststellen musste.
IE6 kreiert einen rechten Rand, in IE 7, Firefox und Opera wird dagegen der gesamte Bildschirm ausgefüllt.
Woran liegt das? Habe einen IE-hack übersehen?
Ich hoffe, dass Ihr mir weiterhelfen könnt.
Gruß Susanne
HTML:
<body>
<div id="kopfzeile">
<h1>...</h1> ...
<p >....</p>
</div>
<div id="navigation">
<h2><a id="navi" name="navi"></a>Navigation</h2>
<ul title="navigation">
<li> ...</li>
</ul>
</div>
<div id="container"><!-- Wrapper -->
<div id="inhalt">
<h3>...</h3>
<p>....</p>
</div>
</div>
</body>
CSS:
/*the wrapper*/
* html body #container {
width: 100%;
height: 100%;
overflow: auto }
/*content*/
#inhalt {
background: transparent;
margin-top: 150px;
margin-left: 230px;
padding: 2% 2% 2% 5%;
width: 75% }