Grow your CSS skills. Land your dream job.

I want full page footer

  • # January 22, 2010 at 6:30 pm

    Hi this is newbie here, much impressed with ur CSS articles than anywhere in the web. I have a silly problem of not having a full page wide footer. I did many tricks like wrapping footer with another div and set it 100% wide; clear both; etc etc but nothing worked out please help me. Thanks

    # January 22, 2010 at 7:04 pm

    Example live sites or code would help us determine your problem

    # January 22, 2010 at 8:14 pm

    If you have any kind of page wrap or if it is in a div with a set width, it’s still not going to help, even if you attach 100% width.

    You need to move it outside all the other elements. Then you can put 100% width.

    Depending on the design, you can just add a vertical slice to the background of the body or html tag and align in bottom left and repeat-x and that will create a section for your footer. Toss a div in and you can align your text how you want it.

    # January 23, 2010 at 6:06 am

    Thank you. can anybody give me a code for bg-image slice which will serve the purpose of header and footer bg as well as stretch as page height grows ? Many thanks

    # January 24, 2010 at 4:05 pm

    Maybe this is what you are looking for
    http://css-tricks.com/perfect-full-page … und-image/

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".