1 reply [Last post]
belovedone
Offline
newbie
Last seen: 16 years 10 weeks ago
Joined: 2003-09-30
Posts: 5
Points: 0

i know numerous people have problems with this but i've failed to find my answer..at an rate...if you go HERE you'll see the column on the left won't extend all the way to the bottom to meet the footer...any suggestions? here is my CSS code for the left column:

#leftcolumn {
	float:left;
	width:18%;
	margin-right:6px;
	height:100%;
	background-color:#006699;
	border-right:2px solid #769D00;
	text-align:center;
	padding:2px;
	padding-bottom:10px;
}

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 days 1 hour ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

100% height

Hi belovedone,
Can't get to the page Sad
Getting 100% height is one of the trickiest things to do with CSS.
There are a few hacks around to get it to work. Most try to give the appearance of a full length column without actually achieving it.

 <div style="background-color:#CCCCCC;"> 
<div style="float:left; width:25%;"> short column</div> 
<div style="background-color:#FFFFFF;float:left; width:75%;"> Long column with more content</div> 
<div style="clear:both;"></div> 
</div>

Hope that helps.