nicht angemeldet
IE: css attribut height falsch angezeigt
Hallo zusammen,
ich habe einen (hoffentlich ganz einfach zu lösenden Fehler in meiner Website).
Folgende (von unnözigem code befreite) index.html Datei habe ich auf meinem Webspace: ~~~html <html>
<head>
<link rel="stylesheet" type="text/css" href="./style2.css">
</head>
<body>
<div id="header"></div>
<div id="page">
<div id="diver1"></div>
</div>
</body>
</html>
Dazu gehört diese css Datei:
~~~css
#header {
position: absolute;
background-image: url(./gfx/header.png);
top: 10px;
left: 10px;
height: 130px;
width: 900px;
border: 1px solid black;
border-bottom: none;
text-align: left;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-khtml-border-radius-topleft: 20px;
-khtml-border-radius-topright: 20px;
}
#page {
position: absolute;
top: 140px;
left: 10px;
height: 462px;
width: 900px;
border: 1px dotted black;
border-top: 0px;
}
#diver1 {
position: absolute;
background-color: 0a2a4f;
background-image: url(./gfx/diver.png);
top: 8px;
left: 0px;
height: 8px;
width: 900px;
border: 0px solid black;
margin: 0px;
padding: 0px;
}
Leider zeigt der IE das div Element "diver1" mit einer Höhe von 16px an und nicht mit 8px. Mit Mozilla funktioniert es einwandfrei.
Woran kann dies liegen?
Vielen Dank!
-
Hi,
Folgende (von unnözigem code befreite) index.html Datei
Sie ist von mehr als dem Noetigen "befreit" - u.a. von Doctype, damit die Browser nicht in den Quirksmode gehen.
Bitte reduziere Beispiele immer maximal so weit, dass sie noch valide sind und das "Mindeste" enthalten.
Leider zeigt der IE das div Element "diver1" mit einer Höhe von 16px an und nicht mit 8px. Mit Mozilla funktioniert es einwandfrei.
Woran kann dies liegen?
Das duerfte mal wieder das absolut altbekannte Problem sein, dass der IE auch fuer nicht vorhandenen Text Platz in Zeilenhoehe reserviert.
overflow:hidden sollte Abhilfe schaffen.MfG ChrisB
--
„This is the author's opinion, not necessarily that of Starbucks.“