nicht angemeldet
Hallo, liebes Forum,
bin hier echt am verzweifeln, schon seit 2 Stunden an diesem Kack dran :(
Also, der Beispiel-Code unten sollte eigentlich ein Bild, rechts davon ein 2 Zeilen Text und um die ganze Schose herum einen blauen Rahmen zeichnen. Den Hack mit der "cf"-Klasse habe ich von hier: http://www.positioniseverything.net/easyclearing.html
Aber, und das ist mir völlig unklar: es geht weder im IE, noch im Firefox! Der IE ignoriert den Hack sowieso (weil CSS2), sollte das aber automatisch "richtig" (eigentlich falsch, weil nicht der Spezifikation entsprechend) machen und die blaue Box ganz um das Bild herum zeichnen, der Firefox spätestens durch den Hack. Ich schau da nicht mehr durch, ist es nur ein Tippfehler, den ich nicht finden kann? Danke vielmals für Eure Hilfe,
liebe Grüsse, Marietta
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style type="text/css">
.detail {
list-style:none;
padding:0;
margin:100;
border:1px solid blue;
}
.detail .Image {
float:left;
margin: 0 20px 0 0;
}
.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
</style>
</head>
<body>
<ul class="detail">
<li><img src="http://www.spiegel.de/img/0,1020,392035,00.jpg" class="Image" /></li>
<li>Rechts von diesem Text sollte ein Bild erscheinen</li>
<li class="cf">Ein letzter Untertitel</li>
</ul>
</body>
</html>