Forum Moderators: not2easy
I am using a two column layout for my web page. I want to implement the sticky footer technique to the page. I’ve played around with this technique with a one column layout with success using browser IE7, Firefox 2.0, and Opera 9.27. This technique will work if the content does not fill the page or extends beyond the page.
When using a two column layout with content extending longer than the browser on Firefox and Opera, the footer does not get pushed to the bottom.
I've added two links for clarification. If anyone has any suggestions, it would be much appreciated.
Thanks
Karl
[edited by: encyclo at 10:39 pm (utc) on April 21, 2008]
[edit reason] no links to personal sites please, see posting guidelines [/edit]
Links to private pages are frowned upon, read the first few posts in the forum for more details.
Think you should post some minimal code.
I've only played with screen oriented layout a very few times, so I'm myself not all up to speed on the entire bag of tricks to get it working.
You seem to be using an absolute positioned footer inside a wrapper that's as high as the viewport is tall. Perhaps you need to try with the wrappers a bit more relaxed in height (min-height instead of height?)
