nicht angemeldet
Hallo
Ich habe folgenden einfachen XHTML Code:
....
<body>
<div id="div_center">
<div id="div_background"><img src="images/bg_1.gif" alt="" width="971" height="19" /><img src="images/bg_2.jpg" alt="" / width="971" height="621" /><img src="images/bg_3.gif" alt="" width="971" height="19" /></div>
</div>
</body>
....
Dazu dieses CSS:
* {
margin: 0px;
padding: 0px;
}
#div_background {
width: 971px;
z-index: 1;
}
#div_center {
margin: 0 auto;
width: 971px;
}
Während der IE die 3 Bilder nahtlos untereinander darstellt, machen Firefox und Opera einen Abstand zwischen den Bildern. Zwar habe ich schon rausgefunden, dass wenn ich den Bildern die Eigenschaft float:left gebe, es auch im Firefox und Opera funktioniert.
Nur ist mir absolut nicht klar, weshalb die beiden Browser diese Angabe benötigen? Ein img Tag ist doch ein Inline Element und sollte keinen Umbruch erzeugen?
Was hab ich denn Grundsätzliches nicht kappiert?
Danke