Guten Tag,
ich möchte ein wachsendes 3 Spalten Layout mit Hintergrundgrafiken erstellen.
#left, #content und #right sollen ihre Höhe automatisch an der Div Ebene mit dem "größten Inhalt anpassen".
Mein momentaner Lösungsvorschlag ist leider noch sehr weit davon entfernt und google lieferte mir bislang auch nicht die perfekte Lösung für mein Problem.
Ich hoffe Ihr könnt mir helfen.
CSS Code
Code:
#container {
height:1000px;
}
.clear_t {clear:both;}
#left {
background-image:url(../img/navi_left_bg.png);
background-repeat:repeat-y;
width:168px;
padding-left:7px;
height:100%;
float:left;
}
#content {
margin-left:168px;
padding:0;
width:940px;
height:100%
}
#right {
background-image:url(../img/navi_right_bg.png);
background-repeat:repeat-y;
background-position:right;
width:190px;
float:right;
height:100%;
}
HTML Code:
HTML-Code:
<div id="container">
<div id="left">navi left</div>
<div id="right">navi right</div>
<div id="content">
CONTENT
</div>
</div>
<div class="clear_t"></div>