View Single Post
  #1 (permalink)  
Old 07-30-08, 05:13 AM
jonnekke jonnekke is offline
Code Guru
 
Join Date: Oct 2005
Location: holland!
Posts: 704
Thanks: 0
Thanked 0 Times in 0 Posts
div height issue

Hi there..

I got this setup in my site:

HTML Code:
<div id="bodd">
	<div id="leftside"></div>
	<div id="contentArea"></div>
	<div id="news"></div>	
</div>
and this in my css:

Code:
html {
	height: 100%;
	width:100%; 
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding:0px;
}

body { 
	background-image: url(../images/bg.jpg);
	background-attachment: fixed;
	background-position: center top; 
	background-repeat: repeat-y;
	background-color: #ffffff;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
}

#bodd {
	width:1000px; 
	height: auto; 
	margin-left:auto;
	margin-right:auto;
}

#linkerkant {
	float: left;
	margin: 0px;
	border: 0px;
	width: 190px;
	height:auto;
}

#contentArea {
	float: left;
	margin: 0px;
	border: 0px;
	width: 570px;
	height:auto;
}

#news {
	float: left;
	margin: 0px;
	border: 0px;
	width: 240px;
	height:auto; 
}
I would like to addapt the height of "#bodd" to the other divs. I thought it would be working
because the other div's are inside the "#bodd" but the height is not the same as the div's inside.
When I set to height: inherit; the height is 100% en not "longer" of the site is longer and I need
to scroll. How can I make this work?.

_j
Reply With Quote