nicht angemeldet
Hallo,
Die richtige Lösung geht per CSS. Der div-Berich, in dem das Bild ist, bekommt beim style=" ... " ein " vertical-align:bottom " dazu. Dann klappt es auch und IST VALIDE.
Die Lösung hab ich jetzt auf einer anderen Internetseite erklärt bekommen. Und dazu möcht ich jetzt noch eine persönliche Bemerkung schreiben, weil mich das jetzt echt ärgert :
Ich möchte folgendes mir dir versuchen (bitte den Code genau so kopieren):
--------- code -----------------------
<html>
<head>
</head>
<body style=" background-color:black ">
<div style=" width:800px; height:300px; background-color:yellow;vertical-align:bottom;">
<img src="bild.gif" width="500" height="300" alt="" border="0">
</div>
</body>
</html>
---------------------------------------
Ich sehe noch immer 2 Pixel unter dem Bild (IE).
Jetzt der andere Code (bitte jetzt beachten das <div><img></div> in einer einzigen Zeile sind!):
------------ code ----------------------
<html>
<head>
</head>
<body style=" background-color:black ">
<div style=" width:800px; height:300px; background-color:yellow;"><img src="bild.gif" width="500" height="300" alt="" border="0"></div>
</body>
</html>
---------------------------------------
Jetzt sehe ich keinen Streifen mehr unter dem Bild.
Inwiefern hat dir also die vertical-align Lösung geholfen?
Grüße
Thomas