pealo86 Posted September 13, 2011 Share Posted September 13, 2011 I have the following page: http://www.mattpealing.co.uk/concept/chm/ ...and am trying to position the footer so that it is always at the bottom of the page with: #footer { overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 0; background: #db921a; } However it only seems to be aligning with the bottom of the page, not the browser as such (see attached image). Does anyone know what I might be missing? [attachment deleted by admin] Quote Link to comment https://forums.phpfreaks.com/topic/247040-positioning-an-element-at-the-bottom-of-a-page/ Share on other sites More sharing options...
pealo86 Posted September 13, 2011 Author Share Posted September 13, 2011 Also, I've set html, body { height: 100%; } However the body only extends to the fold, not the page as such. See the attached image, I've made the body green and the html red. This is when testing at 1280 x 768, it appears fine at lager resolutions. Does anyone have any ideas? [attachment deleted by admin] Quote Link to comment https://forums.phpfreaks.com/topic/247040-positioning-an-element-at-the-bottom-of-a-page/#findComment-1268676 Share on other sites More sharing options...
pealo86 Posted September 13, 2011 Author Share Posted September 13, 2011 I managed to get around it with this in the end though, quite handy http://www.cssstickyfooter.com/ Quote Link to comment https://forums.phpfreaks.com/topic/247040-positioning-an-element-at-the-bottom-of-a-page/#findComment-1268695 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.