Grow your CSS skills. Land your dream job.

[Solved] Huge Empty Box Shows up in IE8 Only!

  • # February 12, 2010 at 7:23 pm

    Hello everyone, on this page that I’m designing there is a huge, empty, grey block that shows up at the bottom of this page when viewed using IE8. It doesn’t show up in FF, IE6, or IE7.

    Source Link:
    http://onlinelessonreviews.com/write-re … r-and-bass

    I am at my wit’s end determining where this is coming from… I checked for empty DIVs or some other stray code but I can’t find anything…

    Anyone know what’s going on?
    Thank-you for your time!

    # February 12, 2010 at 8:09 pm

    When i looked i didnt saw anything different between ff and ie8, even ie7. Maybe im blind or missed it but everything looked ok. Still maybe you want to get rid of your bad markup: http://validator.w3.org/check?uri=http://onlinelessonreviews.com/write-review.php%3Fid%3D34%26guitar-and-bass&charset=(detect+automatically)&doctype=Inline&group=0

    # February 13, 2010 at 1:24 am

    Thank-you for replying tafkanator…

    I uploaded a screenshot of the problem that is showing up in IE8. I also had someone else look up the ulr to confirm that there is indeed a problem with how it’s rendering.

    Here’s the screenshot url: http://www.flickr.com/photos/27027057@N04/4353166994/

    # February 13, 2010 at 7:09 am

    yes, sorry. i missed that. But im pretty sure if you fix those errors it will start behave normally

    # February 14, 2010 at 5:07 pm

    Thank-you!

    There happened to be an extra closing </div> tag. I wasn’t the coder of this page which made it a bit confusing working through some of the errors.

    Finally got it fixed. Weird though how IE8 seemed to assume there was an initial <div> tag that created that big empty block. Strange…

    # February 15, 2010 at 4:10 pm

    it’s ie, what do you expect. :D

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

You must be logged in to reply to this topic.

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