homepage Welcome to WebmasterWorld Guest from 23.20.77.156
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

    
100% Height Not Working
page body won't extend past content
mgmuranaka




msg:4334515
 7:48 pm on Jul 3, 2011 (gmt 0)

[undeadentertainment.com ]

Hello. I'm trying to make a horizontally scrolling website for my new portfolio design. I wanted to give each section a height of 100% so that if one section is substantially larger than another, the backgrounds behind the content would extend to fit the page. For some reason the 'body' won't extend past the content that is on the page and I'm not quite sure what to do. If you look at the cloud background on the first section, that is about how far the height of the body will extend, therefore the div will only be about that high as well. The 'blog' section, however, has substantially more content, but the containing div won't extend because of the body.

Any help would be greatly appreciated as I am stumped. Thanks!

 

alt131




msg:4334805
 2:12 pm on Jul 4, 2011 (gmt 0)

Hi mgmuranaka [webmasterworld.com]. What you want should be achievable. I'm assuming that each of the "sections" (blog and others), are nested inside a containing element. Double check that you have 100% height set on html, body and that container as well.

Otherwise, the following links are achieving a different layout, but cover the issues with 100% height and may provide some clues:
CSS example: 100% height, footer stuck on bottom [webmasterworld.com] (Forum Library)
Sticky Footer [webmasterworld.com]
Sticky Footer using tables [webmasterworld.com]

mgmuranaka




msg:4334928
 12:46 am on Jul 5, 2011 (gmt 0)

Thank you very much! I can never get 100% height to work for some reason. I kind of took the site in a different direction, but thank you very much for the references!

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