nikshar — 2011-11-25T10:06:04-05:00 — #1
Hope you're all doing well!
I've having an issue with IE8 on my website: shopperheads.com; on this page: http://www.shopperheads.com/collections/individual-furniture-suites I've got it displaying great on FF and Chrome but on IE8 it doesn't show me the grid correctly.
I've been tearing my hair out trying to figure it out and just to top it off the developer tools on IE8 for my site keeps crashing...
Any help is much appreciated..!
victorinox — 2011-11-25T11:18:22-05:00 — #2
Hi and welcome to Sitepoint.
A good place to start would be using the W3.org validator to check your site for [HTML and [URL="http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.shopperheads.com%2Fcollections%2Findividual-furniture-suites"]CSS](http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.shopperheads.com%2Fcollections%2Findividual-furniture-suites) errors. Browsers handle errors in different ways, and IE8 (and earlier) may be unable to cope with those present in your code.
nikshar — 2011-11-25T11:53:54-05:00 — #3
I had ran my CSS through the validator and it didn't seem like it was that. I just however ran the HTML through the validator and found a stupid <span> tag open!
Problem solved! Thanks!
paulob — 2011-11-25T15:36:43-05:00 — #4
Glad you found the problem and it just goes to re-iterate the importance of checking your code in the validator regularly to catch these typos and the odd missing tag. It's surprising that some broken pages render without problem but sometimes one missing tag can break the whole page.:)
nikshar — 2011-11-26T07:14:29-05:00 — #5
Definitely will run a validation before even publishing a site from now on, lesson learnt!