ansaurus

Question

Answer 1

+4 A:

IE doesn't let you style new tags unless you tell it about them, try the HTML5 shim. Basically, IE ignores any styling information for tags it doesn't know, but if you just create an element once via JavaScript:

document.createElement('section');

...even though you then throw that element away, that makes IE realize "Oh, section is a kind of element" and it will then apply style rules. That's what the shim script does. You need to be sure to do this before the elements in question are added to the DOM (so the shim script basically has to go in head, you can't do the put-it-at-the-bottom optimization you frequently see).

Of course, this is dependant on the user having JavaScript enabled.

T.J. Crowder 2010-06-22 13:49:55

I had no idea that I coundl't style the new tags ... I really thought that the new tags if not understood by the browser, the browser would see them as plain old `<div>`. Thank you! the Html5shim is fantastic!

balexandre 2010-06-22 16:07:00

@balexandre: No worries, it's strange, isn't it? As is the solution. But such is life in web development. :-) Glad that helped.

T.J. Crowder 2010-06-22 16:55:30

Answer 2

A:

Oh. The joys of web development. Here is a list of workaround for making IE recognize the new tags, as it's browser engine just ignores tags it doesn't recognize.

However, it may be easier just to take the HTML5 out and redesign it so that it works with divs. Of course, you can also make the call to not support IE until version 9, but that is up to you.

huntaub 2010-06-22 13:51:26

IE's engine doesn't ignore elements that it doesn't understand. It's true that it's very hit or miss about treating them as elements, though, barring the shim, but normally the *content* is displayed. Apprently the OP's stylesheet is doing something to prevent that and then re-enabling it with later styling, and since the styling isn't applied...

T.J. Crowder 2010-06-22 13:58:10

Sorry about that, I left that part a bit vague. Yes, I meant that it would work with the content, but the tags themselves are ignored (and treated as generic elements).

huntaub 2010-06-22 14:11:24

Answer 3

A:

The site loads fine on Firefox and Chrome. I tried loading the site on IE8 and it did not work. Check this question SO

Link 1 Link 2 Link 3 Link 4 Link 5

vikramjb 2010-06-22 13:54:54

ansaurus

tags:

views:

answers:

HTML5 under IE questions

related questions