nicht angemeldet
Haben div's im IE eine Mindesthöhe?
Hallo, folgender Code verwirrt mich im IE etwas:
<div id="container">
<div id="header"></div>
<div id="foot"></div>
</div>
#header
{
background-image : url(../layout/head.gif);
height : 10px;
}
#foot
{
background-image :url(../layout/foot.gif);
height : 10px;
}
Nun macht der IE keineswegs eine Höhe von 10px, sondern größer. Auf alle Anweisungen zw. 1-20px scheint gar nichts zu passieren, danach stimmts dann wieder, wenn noch höher. Fehlt die Höhe, verschwindet er folgerichtig auch ganz.
Hat er eine automatische Mindesthöhe??
Danke
-
Hängt vielleicht mit dem background image zu sammen!???
-
Hi Peete,
ein <div>-Container ist ein Blockelement und erzeugt folglich eine neue Zeile. Und die macht der M$-Browser gnadenlos, sobald der Container 'formatiert' ist (M$-Slang, entweder mit width oder mit height !=0, im Gegensatz dazu erzeugt z.B. <div style="clear:both; "> keine neue Zeile, weil das Element WEDER Breite NOCH Höhe hat. Das ist übrigens nicht nur beim IE so, sondern W3C-konform.
Du hast mehrere Möglichkeiten für einen Workaround:
a) Du verwendest ein Inline-Element (etwa <span>) und gibst ihm per Stylesheet eine kleinere line-height,
b) Du formatierst Dein Blockelement per Stylesheet mit display:inline (nicht gerade W3C-angenehm) als Inline-Element und verfährst weiter gemäß a).
Hope I could help You,
Gruß
Bernd
-
Hi,
Nun macht der IE keineswegs eine Höhe von 10px, sondern größer. Auf alle Anweisungen zw. 1-20px scheint gar nichts zu passieren, danach stimmts dann wieder, wenn noch höher... Hat er eine automatische Mindesthöhe?
Sozusagen. Der IE hält "Platz" für die Standardschriftgröße - bei mir 14 Pixel, selbst wenn kein Text vorhanden ist.
Abhilfe: font-size: 0
Gruß, Fanni