hallo,
ich habe ein problem mit einem css-stylesheet und dem IE5. der code sieht wie folgt aus:
<html>
<head>
<title>test</title>
<style type="text/css">
<!--
body {
margin:0;
text-align:left;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
}
#main {
width: 780px;
margin: 0px auto;
text-align:left;
}
#top {
background-color: #ff0000;
height: 200px;
border-bottom:1px solid #0000ff;
text-align:left;
line-height:0px;
}
#mitte {
background-color: #ffff00;
color:#333333;
text-align: left;
}
-->
</style>
</head>
<body>
<div id="main">
<div id="top"><!-- #top oeffnen -->
<img src="test.jpg" width=275 height=200 border=0 alt="">
</div><!-- #top schliessen-->
<div id="mitte"><!-- #mitte oeffnen-->
mitte
</div><!-- #mitte schliessen -->
<div id="footer"><!-- #footer oeffnen -->
footer
</div><!-- #footer schliessen -->
</div><!-- #main schliessen -->
</body>
</html>
... jetzt wird aber im top-div hinter dem image ein leerraum angezeigt, der nicht gewünscht ist. das bild sollte praktisch genau auf dem border des top-divs liegen.
im mozilla wird es richtig angezeigt, der IE5.5 fügt wie gesagt 3-4 pixel unter dem image ein.
meine versuche mit margin und padding führten nicht zum erfolg...
ciao
martin