nicht angemeldet
Hallo,
Es soll also aussehen wie im linken Bild:
http://www.bilderhoster.at/files/BCssH87WG5GT.gif
Wenn es wirklich nur um dieses Aussehen geht, machst Du es Dir zu kompliziert. Jedenfalls bekomme ich das einfacher hin und ohne Browserprobleme und ohne CSS-Hacks.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Beschreibung der Seite</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
p { margin:0; padding:0; padding-bottom:1em; }
body { width:35em; margin:auto; }
#Elternelement { background-color:#00E3FF; margin:0; margin-top:50px; padding:1em; border:1px solid; }
#Bild1 { float:left; width:200px; height:100px; }
#Bild2 { clear:left; float:right; width:250px; height:300px; }
#Text1 { margin-left:220px; }
#Text2 { margin-right:270px; }
</style>
</head>
<body>
<div id="Elternelement">
<img id="Bild1" src="Beispiel.jpg" alt="ein Bild">
<div id="Text1">
<p>Text Nummer 1, der neben dem Bild Nummer 1 fließt. Text Nummer 1, der neben dem Bild Nummer 1 fließt.</p>
<p>Text Nummer 1, der neben dem Bild Nummer 1 fließt. Text Nummer 1, der neben dem Bild Nummer 1 fließt.</p>
</div>
<img id="Bild2" src="Beispiel.jpg" alt="ein Bild">
<p id="Text2">Text Nummer 2, der neben dem Bild Nummer 2 fließt. Text Nummer 2, der neben dem Bild Nummer 2 fließt. Text Nummer 2, der neben dem Bild Nummer 2 fließt. Text Nummer 2, der neben dem Bild Nummer 2 fließt. Text Nummer 2, der neben dem Bild Nummer 2 fließt.</p>
</div>
</body>
</html>
viele Grüße
Axel