Welcome to WebmasterWorld Guest from 50.17.79.100

Forum Moderators: incrediBILL

Message Too Old, No Replies

Site doesn't look right in IE8

My site works fine in every browser except IE8.

     

DigitalSky

7:45 pm on Feb 6, 2013 (gmt 0)

5+ Year Member



I'm not going to ramble on about how much I despise Microsoft Internet Explorer. I will say that IE9 and IE10 have gotten much better though (thank goodness).

Either way, here is my issue...

The site in question is <SNIP>. The site is not done by any means so don't pick it apart please. It looks almost perfect in every modern browser I view it in except IE8. In IE8 the image in the header doesn't show up and there's a host of other issues with the way it looks.

View it in IE9 and then view it in IE8 side-by-side and you'll see what I mean.

Also, my web fonts (which I pay for through TypeKit don't work in IE8 but do work in IE9).

Anyhow, I'm scratching my head here trying to figure out why it's showing up all crazy in IE8. Any input would be appreciated!

[edited by: incrediBILL at 9:13 pm (utc) on Feb 6, 2013]
[edit reason] URL removed, see forum charter [/edit]

Fotiman

9:41 pm on Feb 6, 2013 (gmt 0)

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



IE8 includes some relatively useful Developer Tools. When the page is open, press F12 to start the Developer Tools. You can then look through the elements to see what styles it thinks each one has. That might help you to track down the problem.

swa66

10:46 pm on Feb 6, 2013 (gmt 0)

WebmasterWorld Senior Member swa66 is a WebmasterWorld Top Contributor of All Time 10+ Year Member



IE is the worst of the worst browsers out there, we all struggle with it. The older the version, the worse it is. Esp. CSS implementations suck, and if you happen to trigger it's quirks mode all bets are off.

Try to reduce the problem by eliminating more and more of your page till you have the absolute minimum that still shows the problem. Post that code...

lucy24

12:05 am on Feb 7, 2013 (gmt 0)

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



What format are the fonts? Quick detour to caniuse dot com confirms that MSIE < 9 doesn't support the standard .ttf, only their own .otf format.

drhowarddrfine

12:09 am on Feb 7, 2013 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



And if you are using any HTML5 elements, they won't work in IE8 either without a "shiv".

DigitalSky

12:20 am on Feb 7, 2013 (gmt 0)

5+ Year Member



I am using HTML5 elements such as <header> and <footer> tags. How can I make those work in IE8?

DigitalSky

12:20 am on Feb 7, 2013 (gmt 0)

5+ Year Member



The fonts are Fonts that are hosted on TypeKit so they serve the fonts in whatever version the browser wants. IE8 should use a .eot font.

Fotiman

12:31 am on Feb 7, 2013 (gmt 0)

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



I am using HTML5 elements such as <header> and <footer> tags. How can I make those work in IE8?

Use either Modernizr [modernizr.com] or html5shiv [code.google.com] (note, Modernizr includes the html5shiv code).

[edited by: Fotiman at 12:32 am (utc) on Feb 7, 2013]

DigitalSky

12:32 am on Feb 7, 2013 (gmt 0)

5+ Year Member



Thanks Fotiman, I had no idea this even existed so I just learned something new. I'll check it out and see if it fixes anything.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month