nicht angemeldet
okay, ich habe die einzelnen css elemente mal in klassen ausgelagert, damit es übersichtlich ausschaut.
dann siehts so aus:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<style type="text/css">
.plistingLeftOdd {overflow:auto; border:1px solid black; margin-bottom:15px; background:#FFFFFF;}
.plistingLeftEven {overflow:auto; border:1px solid black; margin-bottom:15px; background:#FFFFFF;}
.plistingRightOdd {overflow:auto; border:1px solid black; margin-bottom:15px; background:#FFFFFF;}
.plistingRightEven {overflow:auto; border:1px solid black; margin-bottom:15px; background:#FFFFFF;}
.plistingAllwidth {width:850px; clear:both}
.plistingProductwidth {float:left;width:400px;}
.plistingProductbild {float:left;width:120px;}
.plistingProductdesc {float:left;padding:5px;}
</style>
<body>
<div class="plistingAllwidth">
<div class="plistingProductwidth">
<!-- Produkt 1 -->
<div class="plistingLeftOdd">
<div class="plistingProductbild">Bild 1<br />Bild 1<br />Bild 1<br />Bild 1<br />Bild 1<br />Bild 1<br />Bild 1<br />Bild 1<br /></div>
<div class="plistingProductdesc"><b>Titel</b><br>Beschreibung 1<br>xxxxxx</div>
<br style='clear:left'>
</div>
</div>
<div style="float:left;width:50px;"> </div>
<div class="plistingProductwidth">
<!-- Produkt 2 -->
<div class="plistingRightOdd">
<div class="plistingProductbild">Bild 2</div>
<div class="plistingProductdesc"><b>Titel</b><br>Beschreibung 2</div>
<br style='clear:left'>
</div>
</div>
</div>
<div class="plistingAllwidth">
<div class="plistingProductwidth">
<!-- Produkt 3 -->
<div class="plistingLeftEven">
<div class="plistingProductbild">Bild 3</div>
<div class="plistingProductdesc"><b>Titel</b><br>Beschreibung 3</div>
<br style='clear:left'>
</div>
</div>
<div style="float:left;width:50px;"> </div>
<div class="plistingProductwidth">
<!-- Produkt 4 -->
<div class="plistingRightEven">
<div class="plistingProductbild">Bild 4</div>
<div class="plistingProductdesc"><b>Titel</b><br>Beschreibung 4<br />kann<br />noch<br />länger<br />sein</div>
<br style='clear:left'>
</div>
</div>
</div>
<!-- clear am ende -->
<br class="plistingAllwidth">
</body>
</html>
amidala
Gunnar Bittersmann