Zitat:
Das Problem ist, dass die Hintergrundfarbe + border sich in der Höhe nur über die Höhe des div-Inhaltes erstreckt. Ich möchte gern, dass sich die border + background-color immer auf die Gesamthöhe des <div class="produkt"> durchzieht.
|
Sorry, mein beigefügter Quelltext hat das Problem nicht wirklich gut dargestellt. Ich denke, so wird es deutlicher, wenn die Grafik z.B. 100px hoch wäre:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta http-equiv="content-language" content="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
<style type="text/css">
.produkt {width:480px;line-height:1.6em;border:#B7B7C8 1px solid;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:0.8em;}
.produkt_links {float:left;width:180px;font-weight:bold;padding:7px;background-color:#FFF;}
.produkt_rechts {float:left;width:270px;padding:8px 0px 8px 14px;border-left:#B7B7C8 1px solid;background-color:#F5F5FA;}
</style>
</head>
<body>
<div class="produkt">
<div class="produkt_links"><img src="grafik.gif" width="180" height="100"><br>
</div>
<div class="produkt_rechts">
<strong>Produkt</strong><br><br>
Lorem Ipsum ...
</div>
<div style="clear:both;"></div>
</div>
</body>
</html>