bunnyali2013 Posted November 29, 2012 Share Posted November 29, 2012 Well, I have a page which has less content. I want to make my footer at full width which is OK, except, I cannot make it down to the page. Look the screenshot below, I want to place it just below the screen. Currently, it is showing below a div. #footer { width:100%; background-color:#000000; } Link to comment https://forums.phpfreaks.com/topic/271367-footer-below-page/ Share on other sites More sharing options...
Love2c0de Posted December 1, 2012 Share Posted December 1, 2012 Can you post your HTML and CSS please? It's hard to help you with only that CSS. It is most likely another element causing it to display there. Regards, AoTB. Link to comment https://forums.phpfreaks.com/topic/271367-footer-below-page/#findComment-1396763 Share on other sites More sharing options...
twistedvengeance Posted December 20, 2012 Share Posted December 20, 2012 body{ position: relative; } .footer{ position: fixed; bottom: 10px; } Link to comment https://forums.phpfreaks.com/topic/271367-footer-below-page/#findComment-1400526 Share on other sites More sharing options...
MDCode Posted December 20, 2012 Share Posted December 20, 2012 Try body{ position: relative; } .footer{ position: fixed; bottom: 0; } Link to comment https://forums.phpfreaks.com/topic/271367-footer-below-page/#findComment-1400617 Share on other sites More sharing options...
jardrake Posted January 7, 2013 Share Posted January 7, 2013 Maybe you are wanting a sticky footer? http://ryanfait.com/sticky-footer/ The CSS pushes the footer to the bottom of the page even if your content doesn't take the whole page. Link to comment https://forums.phpfreaks.com/topic/271367-footer-below-page/#findComment-1403883 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.