MICHI: Ein Bild in einem div-Bereich

Beitrag lesen

Hi!

Ich heul gleich. *seufz* Folgendes Problem :

Ich mach eine Seite mit einem gelben div-Bereich :

<html>
<head>
</head>
<body style=" background-color:black ">
<div style=" width:800px; height:300px; background-color:yellow; ">
</div>
</body>
</html>

OK, klappt wunderbar. Und jetzt möchte ich in diesen div-Bereich ein 500*300 großes Bild einfügen. Ich füge also zwischen <div> und </div> folgendes ein :

<img src="bild.gif" width="500px" height="300px" alt="" border="0">

Jetzt müßte es, da ja das Bild so hoch ist wie der div-Bereich so sein, daß das Bild oben, links und unten genau im gelben Bereich ist und rechts vom Bild die restlichen 300px des div-Berichs leer ( also gelb ) bleiben.

Dem ist aber nicht so. =(

Oben und links schließt es schön ab und unter dem Bild bleibt ein 2 oder 3px hoher gelber Rest.

Ich hab jetzt wirklich schon alle Kombinationen mit padding, bottom, margin-bottom, etc durchprobiert. Ich kann machen, was ich will, jedes mal bleibt dieser dünne Bereich unter dem Bild gelb. Selbst, wenn ich die Höhe des div-Bereichs auf z.B. 100 einstelle, macht er sich selbständig so hoch wie der Inhalt. ( Das ist eh logisch ) aber selbst DANN bleibt ein 2-3px hoher gelber Bereich unter dem Bild.

WO bitte liegt mein (Denk)Fehler? Das gibt`s doch nicht!

Wie muß ich den code schreiben, damit ich mein erwünschtes Ergebnis erreiche?

DANKE !!!

MICHI =)