curtis_b Posted December 21, 2006 Share Posted December 21, 2006 Hi, I've googled this issue (and searched here) and the explanation I've found is that the parent divs need to have height:100% (html,body), but that solution doesn't seem to be working for me. Check out the site: http://7cpco.com/beta/index.html and the css: http://7cpco.com/beta/css.cssIf it all fits in your screen, resize your window (to be smaller), what's happening is that when the content extends beyond the viewport, the background will not keep going, it stops before the content ends (in both FF and IE). Thanks for your help!Curt Quote Link to comment https://forums.phpfreaks.com/topic/31523-height100-cuts-off-at-bottom-of-viewport/ Share on other sites More sharing options...
michaellunsford Posted December 30, 2006 Share Posted December 30, 2006 Very nice looking site. Very complex CSS, though. In my experience, using a single image as the background for the entire HTML, BODY works best. You can still do a centered <DIV> with a header and footer, all your corner graphics, etc. So long as the background image is part of the HTML, BODY it should stretch just fine.Now, that being said, you might be able to get your code working with floats and clears. See if this helps:http://www.greywyvern.com/code/min-height-hack.html Quote Link to comment https://forums.phpfreaks.com/topic/31523-height100-cuts-off-at-bottom-of-viewport/#findComment-149722 Share on other sites More sharing options...
Stopofeger Posted December 30, 2006 Share Posted December 30, 2006 its beacuse when the element overflows it is set to cut off.use this rule [code]overflow:auto[/code] in body and global wrapper.I hope this will help. Quote Link to comment https://forums.phpfreaks.com/topic/31523-height100-cuts-off-at-bottom-of-viewport/#findComment-149762 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.