Footer won’t stick at bottom

[Meisterr]

I thought it was a very simple thing to fix, but it took me 2 days and all the CSS and HTML gives me a headache at the moment.
I’m trying to convert my HTML website to a WordPress theme, most of it works at the moment, except for my footer.

This is how it should look like; http://bit.ly/c2jR2A
But this is how it looks like in WP; http://bit.ly/dfaOxb
And in all other subpages, it doesn’t even appear at the bottom off the page but behind my content div.
I’ve closed the ‘.page’ and ‘.content’ div’s before the ‘.footerOutside’ div opens.

I’ve tried this fix; http://ryanfait.com/resources/footer-st … m-of-page/
It looks a bit better on the frontpage, but it doesn’t seem to affect subpages.

I hope I’ve explained the problem clear enough.
Thanks in advance for helping me!

Kind regards,

Meisterr

[virtual]

It looks like you have not set the css for "ftrCol1", 2 and 3 on your WordPress site, as the li tags are spanning the whole width of the footer.

[Meisterr]

"virtual" wrote:

It looks like you have not set the css for "ftrCol1", 2 and 3 on your WordPress site, as the li tags are spanning the whole width of the footer.

I’ve added the stylesheets for ftrCol1, 2 en 3 to my WordPress stylesheet, I have no idea why they don’t show up the right way.

[virtual]

Try adding them to style.css. I looked through your stylesheets and didn’t find them.

[Meisterr]

"virtual" wrote:

Try adding them to style.css. I looked through your stylesheets and didn’t find them.

Allright, it wasn’t there :oops:
I thought I’ve copied the CSS 1:1.

Only one problem left, the pages and http://bit.ly/9WxL9X still shows the footer behind the content.
But that’s a page with a PHP-script included and some pretty bad HTML. So I think i will have to lookup if there’s something wrong.

Thanks for the help so far.

[virtual]

You have not added the <div class="push"></div> to this page :!:

[Meisterr]

"virtual" wrote:

You have not added the <div class="push"></div> to this page :!:

If I look-up the code, I see the push div in every page.
The push div is in the footer, so it has to be in every page.

[virtual]

You are right, Firebug didn’t show it because you have closed your </body> and </html> tags just before the footer and then again after the footer. Try removing the first lot and your footer should show.

[Meisterr]

"virtual" wrote:

You are right, Firebug didn’t show it because you have closed your </body> and </html> tags just before the footer and then again after the footer. Try removing the first lot and your footer should show.

If I search in a page I only see the </body> and </html> tags once at the bottom of the page.

Thanks for your help so far! Really appreciate it.

[Meisterr]

Still haven’t found the problem; http://www.rkvb.nl/dev/sponsoren/
My footer doesn’t show up as it should be.
On the frontpage it shows up correctly, but any other page doesn’t.

I hope someone can help me out.

[Author]

Posts