Wenn ich im Firefox die Linie richtig positioniere (siehe Screenshot) dann stimmt es im IE nicht....
http://www.abload.de...?img=ffhsdc.png
Firefox
http://www.abload.de...?img=ielrt5.png
IE
Anbei mein Quellcode und die CSS- Definition
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>titel</title> <link href="import.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="page_border"> <div id="page"> <div id="header"> <img src="logo.png" alt="" width="330" height="100" /> <div id="header_txt"> TEXT </div> <div id="header_welcome">Herzlich willkommen</div> <div id="nav_line"></div> <div id="raw"> <div id="raw_c1"></div> <div id="raw_c2"></div> <div id="raw_c3"></div> <div id="raw_c4"></div> <div id="raw_c5"></div> <div id="raw_home"> </div> <div id="raw_c6"></div> <div id="raw_c7"></div> </div> </div> </div> </div> </body> </html>
@media all { body {background: #FFF; background: #FFF; padding: 0px; padding-top: 0px; font-size: 10px; font-family: Verdana, Arial, sans-serif; } #page {border: 0px #667 solid; background: #fff; } #page_border {border: 0px #F70 solid; width: 900px; margin:auto; } /* Formatierung der Kopfbereiches */ #header {position: relative; height: 100px; width: 330px; background: #fff;} #header img {position: absolute; top: 0px; left: 570px; } #header_txt {position: absolute; top: 25px; left: 11px; border: 0px #000 solid; color: #808080; background: #fff; font-size: 12px; font-family: Verdana, Arial, sans-serif;} #header_welcome {position: absolute; top: 95px; left: 11px; border: 0px #000 solid; color: #808080; background: #fff; font-size: 12px; font-family: Verdana, Arial, sans-serif;} #nav_line {position: absolute; top: 112px; left: 11px; color: #999999; border-bottom: 1px solid #808080; width: 1000px;} /* 867 */ #raw {position: absolute; top: 113px; left: 0px; height: 150px; width: 900px; border: 0px #F00 solid;} #raw_c1 {position: absolute; top: 0px; left: 11px; background: #7DA6D4; width: 30px; height: 100%;} #raw_c2 {position: absolute; top: 0px; left: 41px; background: #508FC7; width: 30px; height: 100%;} #raw_c3 {position: absolute; top: 0px; left: 71px; background: #007BBC; width: 30px; height: 100%;} #raw_c4 {position: absolute; top: 0px; left: 101px; background: #006AB2; width: 30px; height: 100%;} #raw_c5 {position: absolute; top: 0px; left: 131px; background: #005CB2; width: 30px; height: 100%;} #raw_c6 {position: absolute; top: 0px; left: 818px; background: #508FC7; width: 30px; height: 100%;} #raw_c7 {position: absolute; top: 0px; left: 848px; background: #7DA6D4; width: 30px; height: 100%;} /* Logos */ #raw_home {position: absolute; top: 0px; left: 161px; background-image: url(home.png); width: 657px; height: 150px; } }
Findet wer den Fehler? Wäre euch sehr sehr dankbar. Es geht um den Punkt nav_line.
Dieser Beitrag wurde von tobias86 bearbeitet: 18. März 2009 - 15:14