nicht angemeldet
Hallo Freunde,
ich bin durch Zufall auf einen ganz esoterischen Bug in IE6.o gestossen. Im Detail:
Eine ganz normale HTML-Seite, darin ein <div> mit einer Hintergrundfarbe, definiert durch CSS.
In diesem <div> steht ein Text. Auf der rechten Seite soll ein Bild in den Text eingebettet sei.
Da ich schönen Code produzieren möche, mach ich Positionierung des Bildes natürlich auch über CSS: float: left; . So weit, so gut!
Das nächste Kapitel soll dann aber wieder die volle Seitenbreite zur Verfügung haben. Also füge ich ein <br clear:all> ein. Das ganze sieht dann etwa so aus:
-----------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Wiered Bug in IE!</title>
<style>
#content {background : #ffffcc;}
.rightimage {float: right;}
</style>
</head>
<body>
<div id="content">
<h1>Bug!</h1>
<h2>Beschreibung</h2>
<img class="rightimage" src="anything.gif"
width="100px" height="100px" border="2" alt="Ein Bild!">
<p>
Das ist der Text, welcher eigendlich links
neben dem Bild stehen soll aber nicht gezeigt wird!<br>
Kann mir irgendwer sagen, WARUM?????<br>
Hinweis: Wenn ich dem Break mit "clear=all" weglasse
ODER der Text etwa gleich hoch ist wie das Bild, ist alles in Ordnung!
</p>
<br clear="all" />
<h2>Nächstes Kapitel, soll unterhalb des Bildes erscheinen.</h2>
<p>Text nach dem Break. Der wird wieder gezeigt!</p>
</div>
</body>
</html>