Probablemente hayas tratado de comenzar a trabajar con html5 en tus nuevos proyectos. Y cuando has tratado de hacer el test con IE6, IE7 e IE8, has advertido que no aplican bien los estilos a las etiquetas propias de HTML5: address, article, aside, audio, canvas, command, datalist, details, dialog, figure, figcaption, footer, header, hgroup, keygen, mark, meter, menu, nav, progress, ruby, section, time, video.
El problema reside en el DOM, así que lo único que tienes que hacer es crear esos elementos
- document.createElement(“header”);
- document.createElement(“footer”) ;
- etc, etc…
<!--[if lt IE 9]> <script type="text/javascript"> (function(){ var elementosHTML5 = "address,article,aside,audio,canvas,command,datalist,details,dialog,figure,figcaption,footer,header,hgroup,keygen,mark,meter,menu,nav,progress,ruby,section,time,video".split(','); for(var i = 0; i < elementosHTML5.length; i++){ document.createElement(elementosHTML5[i]); } } )(); </script> <![endif]-->
Por cierto recuerda que el Internet Explorer renderiza estos nuevos elemenos como elementos en linea, así probablemente necesites convertirlos en elementos bloque con tu hoja de estilos;
/* CSS HTML5 tags bloque*/
address, article, aside, audio, canvas, command, datalist, details, dialog, figure, figcaption, footer, header, hgroup, keygen, mark, meter, menu, nav, progress, ruby, section, time, video {
display: block;
}
Facebook
Twitter
Bitacoras.com
Meneame
