Grow your CSS skills. Land your dream job.

Problem with setting Footer to end of page

  • # March 23, 2012 at 8:57 pm

    I have made this jsfidle: http://jsfiddle.net/XWUQn/

    i want the footer at the bottom of the page but so that nothing else changes other than that.

    Would really appreciate any help
    Thanks

    # March 23, 2012 at 8:59 pm

    if i apply the p.main class it is all the time on the top, without class it is at the bottom…

    # March 23, 2012 at 9:30 pm

    Remove float: left; from p.main, and you will see that the footer will move to the bottom. Removing the relative positioning will also help. Floats can some times be a bit of a pain, and relative/absolute positioning should really be thought through before using. I could go on about why these work the way they do, but I recommend reviewing Chris’s video tutorials on floats and another on positioning. Chris is a very good teacher!

    # March 23, 2012 at 9:44 pm

    Thanks Mikefmi :)

    # March 24, 2012 at 12:40 am

    or you could add clear:both to the footer…

    http://jsfiddle.net/XWUQn/17/

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".