Archived

This topic is now archived and is closed to further replies.

  • 0

Footer margin=0

Question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

10 answers to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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 :-)

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

Dear All,

 

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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%;
}

Share this post


Link to post
Share on other sites

Posted · Report post

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?

Share this post


Link to post
Share on other sites

Posted · Report post

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?

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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:

 

footer-up.jpg

 

 

 

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.

Share this post


Link to post
Share on other sites