Footer margin=0

[mmbeenen 0]

Hi, I have version and I'm trying to make the footer stay at the bottom. It's not a problem when the text is long enough but on a few pages, there is a space under the footer, which looks very ugly.. Can any one tell what to do??? Thanks in advance.

[Danny 1,327]

Hello, I apologise but I am not quite sure what you're referring too. Would it be possible to reply and go into greater detail please. As I have viewed all your pages and can not see any space under the footer.

[mmbeenen 0]

It is mostly if you have a big screen, on a laptop there is no problem. My screen size is 1680x1050 and then there is space on 2 pages. So there, I'd like to have the margin to bottom to be 0 but it's not, there is space under it. I guess that the footer is now just set from the top, to be immediately under the container, so I'd need to change that. Is it any clearer? If not let me know and I'll try to refine even more :-)

[Danny 1,327]

Hi, Yeah I see what you mean now, unfortunately, my MacbookPro is only the 15" one. I had to view your page in full screen mode. However, when I view your page in this mode and enable Chromes Web Dev tool but area underneath the footer is gone. My PC's monster display died on me the other night (great timing with Diablo 3 being released ) So if you don't mind you will have to wait for another support team member to view your issue, I apologise I couldn't be more helpful.

[wren 1]

Hi, I"m having the same problem only on my home page. The whole site works fine but I disabled my footer on my Home page and the whole page is acting squirrel-y. It won't remain static, instead, the background image rolls up and down and the footer doesn't "reach the bottom of the page", I have a white margin at the bottom of the page. What can I do to stabilize this page?

[wren 1]

Hi, I've dinked around a bit and got the watermark bar in the footer to tack down to the bottom of the page. But the scrolling problem on the background image continues to be a problem. So now the white margin is covering a part of the scrolling background. What can I do to get the background to remain static and get rid of that white margin? I'm also wondering if it's possible to place boxes in the content area on the right hand side of the screen? Can boxes be stacked vertically in the Content area?

[Danny 1,327]

Hi Wren, For forum search reasons, would it be possible for you to create a new top and also a link to your website please.

[adminsihr2012 0]

Dear All,

 

Same problem here. The Footer goes up when using big screens. How do we solve this? CSS?

[catrina 103]

@adminsihr2012 Can you please post a link to your site?

[adminsihr2012 0]

Dear Catrina,

 

Here's a good example: can't give you the link because I have an "under construction thing" on the website...

 

here's how it looks:

 

 

 

 

Is there something I can add to the custom CSS to prevent this and stick the footer the the bottom of the page regardless of the size of the content and the screen?

 

Thank you.

[James B 436]

You could try the following, (if your site is in fixed width mode there will be a prefix in front of the footer, something like .fixed-width, you'll be able to find it in firebug, if it's full width use the below as it is)

 

#footer {
    bottom: 0;
    position: absolute;
    width: 100%;
}