Grow your CSS skills. Land your dream job.

[Solved] Footer Stays in the Bottom of Viewport

  • # January 30, 2010 at 5:00 am

    Hello everyone!

    *EDIT*
    If someone indeed can fix my predicament so it works 100% and in all main browsers I would love to make a small $5.00 donation to the red cross for the Haitian relief effort as a small token of my thanks.

    I know this is a question that gets asked every once in a while, but I want you to know that I’ve spent 4-5 hours on this ONE problem now and seemingly tried everything but nothing is working. (It’s 2:55AM as I’m writing this)

    Here is the design I’m working on: http://s144033844.onlinehome.us/footer-trouble.html

    As you can see, the footer (which I’ve colored green for your viewing pleasure) is stuck at the bottom of the viewport despite my best efforts to get it to the very bottom of the page. I’ve tried adding and commenting out elements from my design, worked the CSS a thousand different ways, but no luck.

    For an example of what it SHOULD LOOK LIKE see here: http://blueturtlegraphics.info.s62344.g … index.html

    I can’t tell you how grateful I would be if someone could help me out here with the offending CSS and/or HTML. I thought this would be something that would be incredibly easy to do, but it’s turned into a nightmare! Please help! :cry:

    # January 30, 2010 at 5:39 am

    Remove height:500px from the leftcol div

    It now works for me in both Safari and Firefox on the Mac

    # January 30, 2010 at 6:38 am

    Thank-you SO much TT_Mark for your reply! I was thinking it had to be something as insanely simple as that…

    It now works like it should across all browsers! I’ll send the donation to the Red Cross tomorrow! (or later on today more accurately…)

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

You must be logged in to reply to this topic.

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