• Locked
1 reply [Last post]
Thu, 2003-10-02 22:51
belovedone
Offline
newbie
Last seen: 19 years 26 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;
}

Top
Tags:
Thu, 2003-10-09 16:14
#1
Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 3 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

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.

Top
  • Locked