han: was amcht der ie da???

Hi,

vorab_ Leider kann ich euch hierzu keine Beispielseite zeigen, aber wäre nett wenn sich jeamdn die Zeit nehmen würde...

hab ein merkwürdiges problem mit dem ie 6...

Also:
Ich habe einen div mit Höhe 50px (margin&padding auf 0)
eine Hintergrundgrafik mit 50px Höhe für diesen giv (hört unten schwarz auf)
und in diesem div eine 50px hohe grafik.

Also es soll so aussehen, dass der div genau 50px hoch ist, also am unteren Rand schwarz ist (vgl.Hontergrundgrafik) un darin einfach eine 50px hohe Grafik liegt.
Funktioniert im Firefox und anderen einwandfrei nur im ie nicht (hab nur den 6er zum testen und bei dem geht's auf jedenfall nicht)

-----
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>background_ie_problem</title>
</head>
<body style="background:#777777">
<div style="width:100%; height:50px; background:url(background.gif) #FFFFFF; padding:0%; margin:0%;">
<img src="img.gif" style="padding:0%; margin:0%;">
</div>
50px hoher div mit 50px hoher hintergrundgrafik, die unten schwarz endet, und in dem div ein img mit 50px höhe...
</body>
</html>
-----

Weiß echt nichtmeht weiter...

grüßle

  1. Hallo han,

    <div style="width:100%; height:50px; background:url(background.gif) #FFFFFF; padding:0%; margin:0%;">
    <img src="img.gif" style="padding:0%; margin:0%;">
    </div>

    lass mal den Umbruch hinter dem Bild weg:

    <div ...><img ...></div>

    Für den IE ist das eine leere Zeile.

    Gruß, Jürgen

    1. VIELEN DANK!!!