Ok, ich habs folgendermaßen gelöst ( sieht nu bis auf die Mindesthöhe der News-Box in beiden Browsern gleich aus )
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;}
#umfragediv {width:200px;float:right;clear:right;margin:0px 0px 10px 2px;border:#cfd4d7 solid 1px;background:#EEF3F6;padding: 5px 0px 5px 0px;}
#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;}
#content {
border: #CFD4D7 solid 1px;
margin-left:5px;
width:625px;
float:left;
}
#links {
float:left
}
</style>
</head>
<body>
<div id="seite">
<div id="header" align="right"> Header </div>
<div id="webcam" align="center"> Box Webcam </div>
<div id="links">
<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="usercount"> Box Usercount </div>
</div>
<div id="content"> Box Content is here etc. pp<br> Du di da del dö di dei<br> Schrabb schrab schrabb dum di da du do di dei al lal lalal i du j jernfu nru nm urnfuf Box Content is here etc. pp<br> Du di da del dö di dei<br> Schrabb schrab schrabb dum di da du do di dei al lal lalal i du j jernfu nru nm urnfuf Box Content is here etc. pp<br> Du di da del dö di dei<br> Schrabb schrab schrabb dum di da du do di dei al lal lalal i du j jernfu nru nm urnfuf Box Content is here etc. pp<br> Du di da del dö di dei<br> Schrabb schrab schrabb dum di da du do di dei al lal lalal i du j jernfu nru nm urnfuf Box Content is here etc. pp<br> Du di da del dö di dei<br> Schrabb schrab schrabb dum di da du do di dei al lal lalal i du j jernfu nru nm urnfuf Box Content is here etc. pp<br> Du di da del dö di dei<br> Schrabb schrab schrabb dum di da du do di dei al lal lalal i du j jernfu nru nm urnfuf Box Content is here etc. pp<br> Du di da del dö di dei<br> Schrabb schrab schrabb dum di da du do di dei al lal lalal i du j jernfu nru nm urnfuf Box Content is here etc. pp<br> Du di da del dö di dei<br> Schrabb schrab schrabb dum di da du do di dei al lal lalal i du j jernfu nru nm urnfuf </div>
<div id="newsdiv"> Box News </div>
<div id="umfragediv"> Box Umfrage </div>
</div>
</body>
</html>
Musst mal selbst sehen, was ich verändert habe und ob es dir so passt. Hab ne Weile rumgespielt und hab nicht mehr alle Schritte im Kopf
06.01.07, 11:13
Ähnliche Themen
Problem bei Webseiten darstellung
Baum-Darstellung