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 =)