KeinBlase: 3Spaltenlayout: Höhe immer gleich

Beitrag lesen

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