Captain: Display und Float bei verschiedenen Browsern

Beitrag lesen

Hallo Axel,

danke für die zahlreichen Beispiele. Die Lösung für das erste Problem ist mir jetzt klar.

Das zweite ist mir immer noch ein Mysterium. Hier ein ausführlicheres Beispiel:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title>Unbekannt</title>
</head>

<body style="margin:0px; padding:0px;">
<div style="background-color:#999999;">
 <div>
  <img src="img/pink.gif" width="10" height="10" style="float:left;">
  <img src="img/pink.gif" width="10" height="10" style="float:right;">
 </div>
 <div>
  Gallia est omnis divisa in partes tres, quarum unam incolunt Belgae, aliam Aquitani, tertiam qui ipsorum
  lingua Celtae, nostra Galli appellantur. Hi omnes lingua, institutis, legibus inter se differunt. Gallos ab
  Aquitanis Garumna flumen, a Belgis Matrona et Sequana dividit.
 </div>
</div>
</body>
</html>

Da der Body auf 0 margin und padding gesetzt wurde, sollte der gesamte Inhalt direkt am Rand sitzen. Im Mozilla tut er das auch. Im IE aber nur der Text und die Hintergrundfarbe, nicht aber die Grafik. Das Problem tritt auch auf, wenn ich links noch ein <div> daneben setze, hat also meiner Meinung nach nichts mit dem Body-Tag zu tun.

Gruss
Cap