Hallo
ich habe ein 3-spaltiges Layout mit <div> erstellt.
Links - Content - Rechts
Wie verlängere ich das Links-div so, dass es bis zum Ende der Seite reicht und somit der Links-div-Hintergrund bis ganz unten reicht?
Meine Versuche mit height:100% und min-height:100% sind leider fehlgeschlagen, da IE und Firefox sich nicht vertragen #angry#
ich hätte einfach gerne 2 graue seitenbalken wie hier auf dieser Seite, beide hören aber je nach Inhalt weiter oben auf....
Muss ich wieder zurück zu Tabellen und den gesamten Content-Bereich inkl. Links und Rechts in eine 3-spaltige Tabelle packen? Dann würden divs ja wieder keinen Sinn machen...
Wer kann helfen?
Hier mein Template:
<div style="width:800px; height:auto; background-color:#ffffff;
border-left:1px solid #cccccc;border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc">
<div class="MENU_LINKS" style="float:left; display:table-cell;height:100%;
width:145px; background-color:#eeeeee; border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc; padding-top:3px; padding-left:10px;
text-align:left ">###MENU_LINKS###</div>
<div style="background-color:#ffffff; float:left; width:480px; text-align:left;
padding-left:10px;padding-top:10px ">###CONTENT###</div>
<div style="background-color:#ffffff; float:right; width:150px;
border-left:1px dotted #cccccc; border-bottom:1px dotted #cccccc;
padding-top:3px;text-align:left ">###RECHTS###</div>
<br style="clear:both" />
</div>