Grow your CSS skills. Land your dream job.

IE7 creating unnecessary extra white space

  • # March 26, 2009 at 3:09 pm

    Now this is odd…in IE7, there are large amounts of empty space underneath and to the right of what should be the "end" of my page, creating big scrollbars in both directions. Doesn’t happen in IE6.

    To debug, I temporarily created a rule to outline every element on the page:

    Code:
    div, table {border: 1px solid red;}

    Having done that, I can confirm that there are NO elements anywhere within this white space. So what could possibly be causing IE7 to think it needs scrollbars?

    Anyone ever encounter this before?

    Rob
    # March 26, 2009 at 3:49 pm

    got a linky linky? :D

    # March 26, 2009 at 8:37 pm

    Can’t, it’s an internal site. That’s why I asked if anyone had encountered the same problem before.

    # March 26, 2009 at 10:23 pm

    Doesn’t necessarily mean there has to be an element out there to cause the space. Could be margins, or some kind of funky positioning. If you can copy and paste some code and throw it on a test page, that’d be useful.

    # March 27, 2009 at 11:06 am
    "chriscoyier" wrote:
    Doesn’t necessarily mean there has to be an element out there to cause the space. Could be margins, or some kind of funky positioning. If you can copy and paste some code and throw it on a test page, that’d be useful.

    True. I hadn’t thought of that.

    At any rate, we fixed it. The page loaded a bunch of JSPs and one of those had an error in it. I don’t know why that generated extra space in IE7, but we fixed the error and the space went away.

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