homepage Welcome to WebmasterWorld Guest from 54.198.130.203
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Site doesn't look right in IE8
My site works fine in every browser except IE8.
DigitalSky




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

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




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

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




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

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




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

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




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

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

DigitalSky




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

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

DigitalSky




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

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




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

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




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

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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved