Grow your CSS skills. Land your dream job.

Ton's of extra space on the bottom (Safari, Firefox and Chro

  • # September 28, 2009 at 11:30 am

    Hello!
    I’m new to this board :)

    I’m having a weird problem with a HUGE amount of space at the bottom of my webpage. Here’s a URL to my webpage, I colored the DIV’s so you can see them better:

    [Admin note: Code Removed – Too much, use a code posting tool]

    I’m running Widows XP home edition operating system,
    The page seems to be working properly on IE 8.0.6002.18702

    But I have a HUGE space a the bottom of my page in:
    Firefox 3.5.3
    Google Chrome 3.0.195.21
    Safari 4.0.3 (531.9.1)

    Here is my StyleSheet:

    [Admin note: Code Removed – Too much, use a code posting tool]

    and here is my index.html

    [Admin note: Code Removed – Too much, use a code posting tool]

    I can’t seem to figure out whats making that big space on the bottom. I have tried adjusting the heights of the DIV’s but after coloring them you can see the DIV’s are not reaching the bottom of the page. It kinda seems like the DIV’s are "sitting" on top of something… but I don’t know what could be causing this.

    I’m still fine tuning a few things on this page, but its mostly all there.
    If anyone could help me out it would be greatly appreciated.
    Thanks!

    # September 29, 2009 at 7:08 am

    What appears to be causing it is your ‘content’ DIV. It has top: -631px; this is causing the big area at the bottom. If you were to restructure your divs so you weren’t ‘forcing’ them on top of each other. It should work fine. I played around with it a bit and I think I got it working. I may be missing something, but you should get the idea :)

    I attached a zip of you site with some modifications.

    Hope this helps.

    -Trozdol

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

You must be logged in to reply to this topic.

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