Problem mit IE

[sreinhardt]

Ich beschäftige mich gerade mit tabellenlosne Layouts. Dabei bin ich auf folgendes Problem gestoßen, für das ich bisher keine Lösung gefunden habe:

Wenn ich per CSS eine div-Box definiere, die 100px hoch ist und dann ein Bild in diese Box setzte, das ebenfalls 100px hoch ist, müßte dieses Bild doch eigentlich die gesamte Box ausfüllen. Dies klappt auch bei allen Browsern (Opera, Firefox, Konquerer). Lediglich der IE (egal welche Version) vergrößert die Box um etwa 1-2px, so daß unter dem Bild der Untergrund hervorschaut.

Hier die HTML-Zeilen:

<div id="top1">
<img src="bild.gif" height="100" width="100" border="0">
</div>

Hier die dazu gehörige CSS-Formatierung:

#top1
{
height:100px;
background-color:blue;
}

Wie bringe ich den IE dazu, es so zu machen, wie die anderen Browser?

 

[Gumbo]

Weise dem Grafik-Element mal mit display:block Block-Level-Charakteristika zu.

 

[sreinhardt]

@Gumbo: Dieser Vorschlag bringt leider nichts.

Hat noch jemand eine Idee?

 

[Gottox]

Vielleicht so?

<div id="top1">
<img src="bild.gif" height="100" width="100" border="0" style="margin:0;">
</div>

Hier die dazu gehörige CSS-Formatierung:

#top1
{
padding:0
height:100px;
background-color:blue;
}

 

[juraky]

Hallo,

bis gerade eben stand ich vor genau dem gleichen und auch sehr ärgerlichen Problem.
Ein kurzes Googeln hat mir dann die Antwort gebracht.
Auf folgender Seite steht eine ausführliche Beschreibung mit Lösungen parat.

http://www.carsten-protsch.de/zwischennetz/doctype/luecken.html

Gruß juraky