Forum Doku Wiki Blog

Forumsarchiv 2008, Dezember
IE: css attribut height falsch angezeigt

archivierte Beiträge lesen

  1. (CSS) IE: css attribut height falsch angezeigt von snemies, 23. 12. 2008, 18:29

IE: css attribut height falsch angezeigt

Der folgende Beitrag wurde am 23. 12. 2008, 18:29 Uhr von snemies veröffentlicht.

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>

 <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:

#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!

IE: css attribut height falsch angezeigt

Der folgende Beitrag wurde am 23. 12. 2008, 18:34 Uhr von ChrisB veröffentlicht.

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.“

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4