Ja ich weiss, konnte aber niemand helfen.
Habs nun raus, ist ne Kombination:
HTML:
<div id="content">
<div id="left">left</div>
<div id="right">right</div>
<div id="center">center</div>
<div class="clr"></div>
</div>
CSS:
#content{
width:100%;
height: 100%;
display:block;
}
.clr { clear: both; }
#left{
float:left;
display:block;
width: 180px;
height: 100%;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color:#66F;
}
#center{
display:block;
float:left;
width: 578px;
height: 100%;
margin-left:6px;
padding-left:10px;
padding-right:10px;
background-color:#6CF;
}
#right{
float:right;
display:block;
width: 180px;
height: 100%;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color:#F90;
}
#left, #center, #right{
padding-bottom: 1000em;
margin-bottom: -995.5em;
}
Der Trick ist die Verwendung von
padding-bottom: 1000em;
margin-bottom: -995.5em;
sowie die Verwendung eines Float Divs am Ende.
Gruss