Designproblem im Firefox
Ich baue momentan eine Website und habe ein Problem mit der Darstellung. Hier ist ein Screenshot, um es euch mal zu zeigen:
https://img75.imageshack.us/img75/3650/problempz9.th.png
Ich will, das Firefox keine Lücken zwischen den DIVs header, upper_navigation & lower_navigation lässt. So wie es der Internet Explorer anzeigt, ist es von mir gewollt. Hier noch der Quellcode:
Die HTML-Datei:
Die CSS-Datei:Code:<html> <head> <link rel="stylesheet" type="text/css" href="test.css"> </head> <body> <div id="header"> <span>Hier kommt der Header hin.</span> </div> <div id="upper_navigation"> <ul> [*]Menüpunkt1 [*]Menüpunkt1 [*]Menüpunkt1 [*]Menüpunkt1 [*]Menüpunkt1 [*]Menüpunkt1 [/list] </div> <div id="lower_navigation"> <ul> [*]Unterpunkt 1 [/list] </div> <div id="content"> <h1>Überschrift</h1> Inhalt.</p> </div> <div id="footer"> <span>Hier kommt der Footer hin.</span> </div> </body> </html>
Code:@charset "ISO-8859-1"; body { margin-top:2%; margin-right:2%; margin-left:15%; margin-bottom:2%; padding:0px; } #header { background-color:#FFFF00; width:100%; padding:0px; margin:0px; } #upper_navigation{ background-color:#FFFF00; width:100%; padding:0px; margin:0px; } #lower_navigation { background-color:#0000FF; width:100%; padding:0px; margin:0px; } #content{ background-color:#FFFFAA; width:100%; padding-top:1%; padding-left:2%; padding-right:2%; padding-bottom:1%; margin-top:20px; margin-right:0px; margin-left:0px; margin-bottom:0px; } #footer{ background-color:#AAAAFF; width:100%; padding:0px; margin-top:20px; margin-right:0px; margin-left:0px; margin-bottom:0px; }
Zitieren