Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
When I resize window and when vertical scrollbar appears, if I scroll it way to the bottom, – the bottom breaks. I dont understand why, but I think it has something to do with the way how page uses 100% height. Any help would be appreciated!
Here’s the page: zxsdesign.com/main1.html
Here’s a screenshot
It’s a mix of you using the CSS
heightproperty and absolute positioning. ajm has talked about usingmin-height– ideally, you should be using it instead ofheightwhen you make things 100% high.Onto your other problem. When you position elements absolutely, they’re no longer part of the page structure. Instead, they live in a separate plane, and so do not affect the page dimensions. When your
<div id="flashcontent">runs past the window boundary, it doesn’t affect<body>‘s borders.You can fix this by not using
position: absolute. There’s no real need to. Instead, you can position the#flashcontentelement normally, and get rid of the#bgelement completely – just give#flashcontenta background instead. Then usemargin: 0 auto;andpadding-top: 179px;to position it in the correct place.