homepage Welcome to WebmasterWorld Guest from 23.20.28.193
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
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
wfernley




msg:3469957
 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! :)

Wes

 

Marshall




msg:3470499
 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.

Marshall

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