nicht angemeldet
Hallo an alle,
bei untenstehendem Code entsteht im IE 5 ein Problem: Ich möchte in einen Div mit fester Breite ein Bild einfügen und unter das Bild einen Text. Wenn ich das mache entsteht im IE5+6 ein unterer Abstand zwischen dem Bild und dem Text von 3px, der im Netscape nicht vorhanden ist.
Gebe ich nun dem Bild die Eigenschaft float: left; mit, ist das Problem im IE6 behoben. Allerdings fügt der IE5 dann einen linken Rand von 3px Breite ein. Es ist echt zum verrückt werden.
Kann mir da vielleicht jemand einen Tip geben wie das zu vermeiden ist?
Dankeschön.
Gruss Nina
Hier der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
<html><head>
<style type="text/css">
* {padding: 0px; margin:0;}
#infoBox {
width: 168px;
overflow:hidden;
}
#infoBox p {
background-color:green;
}
#infoBox img {
float:left; /* nur für IE6 um unteren weißen Rand zu vermeiden */
}
</style></head>
<body>
<div id="infoBox">
<img src="../img/imageBoxPicture.gif" alt="">
<p>Test</p>
</div>
</body>
</html>