homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Div Height 100%
common question i know - can't find a solution though

WebmasterWorld Senior Member 10+ Year Member

Msg#: 3469955 posted 1:35 pm on Oct 5, 2007 (gmt 0)

Hey everyone,

I'm having some trouble with a CSS design I'm working on. I created a page that has a header and footer but between them is a two column layout. The left side is 200px wide and is a sidebar navigation. It is working fine.

Basically my problem is with the right side of the layout. If the left side is longer than the right side, the right side doesn't stretch to match the left side. The left side will stretch to match the right side which is great. It is just the right side I'm having trouble with.

If only height: 100% would work, it would stretch the div to match up with the left side. This doesn't work though. I tried doing some searching on webmasterworld and google for a solution. I tried changing the body to be 100% along with the div container but this just stretches everything too far down the page, causing a lot of empty space and a lot of scrolling.

Does anyone know a fix for this? It should be simple to just have a div stretch to have the same height as the container it is in, but I just can't get it to work.

Can anyone help?

Thanks in advance for your help! :)




WebmasterWorld Senior Member 10+ Year Member

Msg#: 3469955 posted 2:20 am on Oct 6, 2007 (gmt 0)

This is a common problem and making the height: 100% does not always work. Possibly the only solution is a "faux column". Search either WebmasterWorld or the net.


Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved