3 Spalten Layout - wie?!

Hallo Leute,

stehe seit Stunden vor einem Problem. Und zwar möchte ich ein Drei Spalten Layout. Äußere Spalten fix, mittlere (content) immer so groß wie das Fenster zulässt, also dynamisch.


DATEI (ich habe den CODE stark gekürzt)
[HTML]

<!-- CONTENT -->
<div id="content"></div>

<!-- NAV1 (TOP) -->
<div id="nav1"></div>

<div id="banner1anzeige"></div>

<!-- NAV2 (LEFT1) -->
<div id="nav2"></div>

<!-- TOP -->
<div id="top"></div>

<!-- LOGO -->
<div id="logo"></div>

<!-- NAV3 (RIGHT1) -->
<div id="nav3"></div>

<!-- NAV5 (RIGHT2) -->
<div id="nav5"></div>

<div id="banner2anzeige"></div>

<div id="footer"></div>


[/HTML]

CSS dazu (wieder alles unwichtige entfernt!)
[HTML]
body {
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
text-align: left;
vertical-align: top;
}

#top {
color: #FFFFFF;
width: 100%;
font-weight: bold;
padding-top: 4px;
height:43px;
}

#logo {
position: absolute;
margin-left: 30px;
}

#nav1 {
position: absolute;
margin-top: 30px;
margin-left: 270px;
}

#nav2 {
position: absolute;
margin-left: 30px;
margin-top: 177px;
width: 163px;
}

#nav3 {
float: right;
margin-right: 40px;
margin-top: 130px;
padding: 0;
width: 163px;
font-weight: bold;
}

#nav5 {
clear: right;
float: right;
margin-top: 20px;
padding: 0;
width: 163px;
margin-right: 40px;
}

#content {
position:absolute;
float: left;
margin-top: 177px;
width: 55%;
margin-left: 220px;
}

#banner1anzeige {
position: absolute;
margin-left: 309px;
margin-top: 91px;
}

#banner2anzeige {
clear: right;
margin-top: 20px;
float: right;
margin-right: 152px;
}

#footer {
margin-top: 20px;
float: left;
width: 100%;
height: 90px;
}


[/HTML]



Ich bin für jede Hilfe dankbar!

LG
Stefan

upppppp

Falls dus noch nicht selber gelöst hast kannste dir ja mal das Beispiel hier ankucken
Ein dreispaltiges CSS Layout
Müsstes halt die Breite noch deinen Vorstellungen anpassen.
Gruß