My webpage looks awful in IE

[Tingmeow]

I built a website and it looks good on chrome. But on IE is a ghost. http://www.2h.com.tw/event/20150803/index.html

My boss use IE8 to see this page, and she almost crazy. I was really confused and dont know what to do now. Could anyone please teach me how could I fix my webpage on IE? I have tried IE tester but it doesn’t work well.

Need help please.

[Senff]

You are using HTML5 elements (such as HEADER, NAV, FOOTER) that didn’t exist when IE8 was released, so IE8 simply doesn’t know what to do with it.

(Much like a TV made in 1950 would not be able to show a full-color, HD 3D movie.)

Either avoid using HTML5 elements, or use a polyfill like HTML5 Shiv (that will make IE8 understand newer HTML5 elements…more or less).

(ortellyourbosstoupgradeherbrowser)

[Shikkediel]

I think the site is using that polyfill already, Senff. And it doesn’t look at all bad on IE8 emulation. So TS might want to specify the exact issue. I’d recommend a browser update as well though.

[Senff]

You’re right @Shikkediel – I didn’t actually check it and assumed wrongly.

Checked it in true IE8 and I see any of the special fonts are not loading. Never really been a specialist on that, maybe changing this:

<meta charset="UTF-8">

to this would help?

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Doubt it though. But this probably has something to do with it (main.css, at the top):

body
{
    font-family: 微軟正黑體;
}

[Tingmeow]

Thanks everyone. :D

I tried to search many polyfill to fight IE these hours.
That strange text were Chinese XD
微軟正黑體 –> Chinese

And I find a bug in my page :

” background-size: xxpx;”

doesn’t work in IE8……Q_Q

Don’t know if there are any other bugs.

[Shikkediel]

This is probably the most popular tool for that :

http://modernizr.com/

[Author]

Posts