Hallo,
Nach langer Zeit melde ich mich mal wieder mit einem neuen Problem. Ich habe ein neues Design gebastelt, welches im IE auch hervorrangend funktioniert. Nur im Firefox wird es nicht wie gewünscht dargestellt. Woran liegt das? Falsche Reihenfolge der Style-Angaben? Keine Ahnung! Kann jemand helfen?
Hier der Code:
HTML-Code:
<html>
<head>
<style type="text/css">
body {margin:5px 0px 0px 0px;text-align:center; /* Zentrierung im Internet Explorer */ }
div#seite {text-align:left;margin: 0 auto;width:990px;}
#header {float:left;width:782px;height:85px;background:#EEF3F6;border: #CFD4D7 solid 1px;margin:0px 0px 5px 0px;}
#webcam {width:200px;height:150px;float:right;margin:0px 0px 10px 2px;background:#EEF3F6;border:#cfd4d7 solid 1px;}
#newsdiv {width:200px;min-height:100px;float:right;clear:right;margin:0px 0px 10px 2px;border:#cfd4d7 solid 1px;}
#nav {float:left;clear:left;width:150px;background: #DDE8EB;border: #CFD4D7 solid 1px;margin-top:0px;}
ul#navigation {margin:5px 0px 0px 18px;padding-left:0px;}
ul#navigation li {padding-bottom:3px;padding-left:0px;border-bottom:#CFD4D7 solid 1px;}
#usercount {width:150px;background:#eef3f6;border:#cfd4d7 solid 1px;float:left;clear:left;margin-top:10px;}
#umfragediv {width:200px;float:right;clear:right;margin:0px 0px 10px 2px;border:#cfd4d7 solid 1px;background:#EEF3F6;padding: 5px 0px 5px 0px;}
#content {width:100%;border: #CFD4D7 solid 1px;margin:0px 205px 0px 155px;}
</style>
</head>
<body>
<div id="seite">
<div id="header" align="right">
Header
</div>
<div id="webcam" align="center">
Box Webcam
</div>
<div id="nav">
<ul id="navigation">
<li ><a href="#" >Startseite</a></li>
<li ><a href="#" >Zur Person</a></li>
<li ><a href="#" >Blog</a></li>
<li ><a href="#">Impressionen</a></li>
<li ><a href="#">Links</a></li>
<li ><a href="#">Kontakt</a></li>
<li ><a href="#">Gästebuch</a></li>
</ul>
</div>
<div id="newsdiv">
Box News
</div>
<div id="usercount">
Box Usercount
</div>
<div id="umfragediv">
Box Umfrage
</div>
<div id="content">
Box Content
</div>
</div>
</body>
</html>
Beispiele wie es sein sollte, respektive nicht siehe Anhang!