Hallo Ihr Wissenden,
IE ist schrecklich und das ist ja nicht neu :-D. Ich möchte eine simple 3px Linie als Abgrenzung zu einer Grafik darstellen. Der IE fügt jedoch immer 2px zwischen Grafik und Linie mit ein; alle anderen Browser gehen natürlich.
Die CSS definition für den vertikalen 100% hintergrund benötige ich ( #wrapper ). Als Beispiel habe ich den Hintergrund vom #wrapper hell gemacht, den vom #container gelb und die linie rot. Die Grafik kann eine beliebige sein. Beim IE ist zu sehen, das der Abstand zwischen Grafik und Linie gelb ausgeführt ist, was dann ja den #container zuzuschreiben ist.
Ich stehe da vor einer M$ Wand... Hat jemand von euch eine Idee was das ist und wie ich das beseitigen kann?
Daaaanke!
Karsten
Folgenden Code (sehr abgestript um das eigentliche Problem zu zeigen ) nutze ich:
HTML:
<!--?xml version="1.0" encoding="utf-8"?-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" dir="ltr" lang="de-de">
<head>
<link rel="stylesheet" href="test.css" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="container">
<div id="header">
<img src='biertank.jpg' width="980" height="200" alt="Top-header" Title=""/>
</div>
Hier beginnt der Inhalt der Seite
</div>
</div>
</body>
</html>CSS:
html, body {
margin: 0px;
padding: 0px;
font:13px Verdana, Arial, Helvetica, serif;
height:100%;
}
#wrapper {
min-height: 100%;
background-color:#e7e7e7;
height:auto !important;
height:100%;
overflow:hidden !important;
}
#container {
width:100%;
background-color:yellow;
overflow: hidden;
}
#header{
text-align:center;
height:200px;
border-bottom:6px solid red;
}