Forums

[resolved] CSS Sticky footer issues (5 posts)

  1. herren
    Member
    Posted 4 months ago #

    Hello,

    I'm modifying a footer for a theme where there was alot of bullshit in the footer that I removed.

    This is my CSS for the footer area

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

    The footer looks exactly like I want it to(One line of text on a grey background) but it sits where the contents ends, I want it to stick to bottom of the page. I'm not very good with CSS so I dont understand what code it is i need to fix, if its only alignment in #footer or if the other # starting footer is messing something up. FYI I dont need any footer widgets or anything like that, just that one line of text.

    Thanks.

  2. peredur
    Member
    Posted 4 months ago #

    What do you mean by the 'bottom of the page'? If you mean that literally then there should be no problem assuming that the footer div is positioned after the main content.

    Where is it appearing if not at the end of the content?

    Sometimes if you see it positioned to one side of some floated content, it's because you've forgotten to clear the floats.

    Just some random thoughts.

    Cheers

    PAE

  3. herren
    Member
    Posted 4 months ago #

    Hi Peredur,
    Thanks for replying.

    You can view it here
    http://www.consenso.se/blog/2012/01/24/volvo/

    I want it to be down where the site ends, as in where the scroller finishes now.

  4. peredur
    Member
    Posted 4 months ago #

    Looks all right to me. It comes immediately after all the page content. If you want to create some space, use some top margin on the footer div (or bottom margin on the content).

    I don't understand why it doesn't appear on the other pages I looked at, though. Don't all your pages call get_footer() in their templates?

    By the way, you really shouldn't be using non-breaking spaces to centre your content. As a solution it doesn't scale. To centre HTML/CSS content you give the containing block element a width and set its margins to 'auto'. Or if the content is simply text you can set "text-align: center;" on the block.

    cheers

    PAE

  5. herren
    Member
    Posted 4 months ago #

    Well I dont have a development site so I removed the get_footer() in the other pages till i have it fixed.

    OK thanks I'll try to change that and report how I go. Thank you.

Reply

You must log in to post.

About this Topic

Tags