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

[markwhitham]

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!

[tafkanator]

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

[markwhitham]

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/

[tafkanator]

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

[markwhitham]

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…

[tafkanator]

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

[Author]

Posts