linux1880 Posted June 27, 2010 Share Posted June 27, 2010 Hello guys, I want footer to always stay at bottom of browser, how do i do that in css ? Quote Link to comment Share on other sites More sharing options...
ChaosKnight Posted June 28, 2010 Share Posted June 28, 2010 position: fixed; bottom: 0px; had to do the exact same for one of my websites today. Cheers mate Quote Link to comment Share on other sites More sharing options...
haku Posted June 28, 2010 Share Posted June 28, 2010 It depends - are you looking for a footer that will be at the bottom of the screen if you don't have enough content to push it down, and below the content if the content is larger than the screen? Or are you looking for one that will always be on the bottom of the screen no matter how much content and no matter how much you scroll? Quote Link to comment Share on other sites More sharing options...
svanigiorgi Posted July 9, 2010 Share Posted July 9, 2010 Hello guys, I want footer to always stay at bottom of browser, how do i do that in css ? if you have main div, create another div with class footer (inside main div). give to main div position:relative; after, give to footer div position:absolute; bottom:0; something like this <html> <body> <div style="width:800px; height:800px; position:relative; background:#ccc;"> <div style="width:800px; height:50px; position:absolute; bottom:0; background:#000;">sss</div> </div> </body> </html> Quote Link to comment Share on other sites More sharing options...
isedeasy Posted July 9, 2010 Share Posted July 9, 2010 This might be the kind of thing you are looking for http://ryanfait.com/sticky-footer/ Quote Link to comment 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.