[Erledigt] Container "verlängern"

Hi!

Ich habe angefangen meine Hp mit CSS zu gestalten. Natürlich möchte ich das Design der "Tabellenvorlage" beibehalten. Jetzt habe ich allerdings ein Problem:

Auf http://sts.name ...

...werden die seitlichen Menüs automatisch bis zur untersten Zeile verlängert und auch weitergezogen, wenn ich eine Inhaltsseite aufrufe. Is ja klar, sind ja auch Spalten einer Tabelle.

Bei meiner CSS Version auf http://ww8755.rw08.de/hola/2index.php ...

...dagegen werden die Menücontainer nicht verlängert. Is ja auch wiederrum klar, da ich ja keine Höhe definiert habe und sich die Höhe der Container nach dem Inhalt richtet.

Ok, soweit so gut, wie krieg ich das jetzt hin, dass ich den selben Effekt wie bei einer Tabelle erziele, dass die Seitenmenüs automatisch mit der Höhe der Inhaltsseite konform gehen ?

Gruß Xabbu

PS: Momentan stelle ich nur die index.php auf CSS um, der Inhalt wird nach wie vor mit Tabellen dargestellt, innerhalb eines Containers natürlich.

PPS: der Inhalt der style.css

body
{
background-image:url("");
background-repeat:no-repeat;
background-attachment:fixed;
margin-top:0pt;
margin-bottom:0pt;
margin-left:0pt;
margin-right:0pt;
background-color:#ffffff;
font-color:#000000
}


a{text-decoration:none;
color:#000000 } 

.normal {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000}

.groß {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000}

.klein {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000}

.ganzklein {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000}

.ganzganzklein {  font-family: Verdana; font-size: 9px; font-style: normal; line-height: normal; font-weight: 100; font-variant: normal; color: #000000}

.toptop {  font-family: "Courier New"; font-size: 10px; font-weight: normal; color: #cccccc}



#links {
width:115;
line-height:30px;
float:left;
padding:3px;
background-image: url(http://ww8755.rw08.de/hola/back.gif);
border-left-style:dashed;
border-left-width:thin;
border-right-style:dashed;
border-right-width:thin;
border-color:#c9c9c9;
clear:right;
}

#rechts {
width:115;
float:right;
padding:3px;
background-image: url(http://ww8755.rw08.de/hola/back.gif);
border-left-style:dashed;
border-left-width:thin;
border-right-style:dashed;
border-right-width:thin;
border-color:#c9c9c9;
}

#inhalt {
float:justify;
width:562;
margin:10;
}


#titel {
height:105px;
width:818px;
border-style:dashed;
border-width:thin;
border-color:#c9c9c9;
}

#titeloben {
height:43px;
width:820px;
padding:0px;
background-image: url(http://ww8755.rw08.de/hola/top.gif);
}

#titelunten {
height:43px;
width:820px;
padding:0px;
background-image: url(http://ww8755.rw08.de/hola/bottom.gif);
border-top-style:dashed;
border-top-width:thin;
border-top-color:#c9c9c9;
}

#spec {
border-style:solid;
border-width:thin;
border-color:#c9c9c9;
background-color:#ffffff;
width:105px;
float:center;
padding:0px;
margin:3px 3px 3px 3px;
}

[Ashergul]

height: 100%

funktioniert leider nicht, die menüs werden zwar nach unten hin verlängert, sie "schießen" aber übers "Ziel hinaus". D. h. sie fließen über das untere Menü hinweg (bei Mozilla), bei IE gibt es gar keine Veränderung.