Web-Design Darstellung Design IE / Firefox - Photoshop-Cafe.de :: Dein Photoshop-Forum

vektorpixel · #1 05.01.07, 10:59

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!

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem bei Webseiten darstellung	most-wanted	Hilfestellung, Tipps und Tricks	16	21.03.09 18:46
Linien darstellung fehlt	chrisTHEgunner	Hilfestellung, Tipps und Tricks	2	17.05.08 10:09
Darstellung im IE und FF unterscheiden sich..	Darkwing-dave	Hilfestellung, Tipps und Tricks	3	01.11.06 17:23
Maraz Design / Comic design	Azzurri	Hilfestellung, Tipps und Tricks	7	04.03.06 01:10
CSS richtig, aber Darstellung falsch?	socke	Hilfestellung, Tipps und Tricks	2	27.09.05 20:11

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)