nicht angemeldet
Hallo Alex,
das Problem ist ja nicht die horizontale Anordnung innerhalb der Divs. Die funktioniert. Das Problem ist, dass die vertikale Ausrichtung verpfuscht wird.
Ich poste hier noch mal den kompletten Code. Du kannst ihn 1:1 als HTML Datei speichern und dann im Browser öffnen. Das Problem ist sonst etwas schwierig zu beschreiben, dürfte anschaulicher sein, wenn man es vor sich sieht.
Und danke nochmal für die Hilfe :)
``<html>
<head>
<style type="text/css">
/* Helferlein */
div.clear_left {
clear: left;
}
/* Globales Zeug + Menü */
div#container {
width: 100%;
}
div#menu_left {
min-height: 1000px;
float: left;
width: 160px;
margin: 0;
padding: 0 10px 0 10px;
font-size: 13px;
}
div#menu_right {
float: right;
width: 160px;
margin: 0;
padding: 0 10px 0 10px;
font-size: 13px;
}
div#content {
background-color: #ffffff;
border: 1px solid #666666;
margin: 0px 200px 0px 200px;
padding: 10px;
font-size: 13px;
/* min-height: 400px; */
}
/* Kategorie Ansicht */
div.category_product_item_pic {
width: 120px;
height: 168px;
background-color: #000000;
float: left;
}
</style>
</head>
<body>
<div id="container">
<div id="menu_left"></div>
<div id="menu_right"></div>
<div id="content">
<div class="category_product_item">
<div class="category_product_item_pic"></div>
<div class="category_product_item_text">
<div class="category_product_item_heading">Überschrift 1</div>
<div class="category_product_item_description">Text 1</div>
</div>
<div class="clear_left"></div>
</div>
<div class="category_product_item">
<div class="category_product_item_pic"></div>
<div class="category_product_item_text">
<div class="category_product_item_heading">Überschrift 2</div>
<div class="category_product_item_description">Text 2</div>
</div>
<div class="clear_left"></div>
</div>
<div class="category_product_item">
<div class="category_product_item_pic"></div>
<div class="category_product_item_text">
<div class="category_product_item_heading">Überschrift 3</div>
<div class="category_product_item_description">Text 3</div>
</div>
<div class="clear_left"></div>
</div>
</div> <!-- id="content" -->
<div id="footline"></div>
</div>
</body>
</html>``
Marc