CSS
-Tricks
treehouse :
what would you like to learn today?
Web Design
Web Development
iOS Development
Show search box
Search
Search in:
All
Articles
Forums
Snippets
Videos
✕
Home
Forums
Snippets
Gallery
Videos
Almanac
Demos
Lodge
Navigation 'n' Search
Forums
Illustration by Nick Sirotich
Forums
»
CSS Combat
sticky footer weirdness
ch4sethe5un
Permalink to comment
#
January 2009
Hello,
http://www.for-instance.net
I can't figure out why the main-col div is overlapping the sticky footer at the bottom of the page.
I think it has to do with the floating of the other blocks above the footer, which are the sidebar and the main-col.
any help is much appreciated.
Thanks in advance,
ch4sethe5un
Robskiwarrior
Permalink to comment
#
January 2009
hey :)
Try putting your push div after your page wrap div, and not inside it. At the moment its adding 200px you took off back on to the bottom of your page wrap :)
ch4sethe5un
Permalink to comment
#
January 2009
hey,
I think i'm a pretty smooth IDIOT! :oops: lol
because i just found that their was a height to the main-col div, obviously not allowing it to expand to the content...
thanks for the help, though i did move the div like you mentioned.
Ch4sethe5un
Add a Comment
http://www.for-instance.net
I can't figure out why the main-col div is overlapping the sticky footer at the bottom of the page.
I think it has to do with the floating of the other blocks above the footer, which are the sidebar and the main-col.
any help is much appreciated.
Thanks in advance,
ch4sethe5un
Try putting your push div after your page wrap div, and not inside it. At the moment its adding 200px you took off back on to the bottom of your page wrap :)
I think i'm a pretty smooth IDIOT! :oops: lol
because i just found that their was a height to the main-col div, obviously not allowing it to expand to the content...
thanks for the help, though i did move the div like you mentioned.
Ch4sethe5un