Jump to content
Sign in to follow this  
mmbeenen

Footer margin=0

Recommended Posts

mmbeenen    0
mmbeenen

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
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
mmbeenen    0
mmbeenen

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
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
wren    1
wren

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
wren    1
wren

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
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
adminsihr2012    0
adminsihr2012

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
adminsihr2012    0
adminsihr2012

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
James B    436
James B

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

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×