HTML5 con IE 8 o inferior

[caruizj]

Buenos tardes a tod@s!

Estoy haciendo una página web y estoy usando css y html5. El problema que tengo es que se ve bien la web en safari, chrome, opera, firefox, navigator, en el navegador que trae en ipad y en los navegadores de android (lo he probado con el SSG2) y me funciona perfecto.

Ahora, con internet explorer no se me ve bien. El titulo se me ve desplazado y no se me ve un estilo en el body y sin el cual no se ve correctamente la web.

Exactamente el problema es en <article class="box" id="caja2"> ....... </article>

Ahora bien, he observado lo siguiente:

Internet Explorer 9: Si pongo modo compatiblidad (la hoja partida) se me ve bien, si la quito se ve mal.

Internet Explorer 8: No se ve bien de niguna de las dos formas.

Internet Explorter 7 hacía abajo: Se ve como un mojón, perdonad la expresión.


¿Alguién me puede ayudar? Sabéis como solucionar este problema? Es que no quiero seguir haciendo la web porque la verdad es que me está gustando como está quedando pero me da miedo seguir porque si no se me ve bien en ie para qué seguir puesto que el 47% de las personas siguen usando este navegador, por lo cual la mitad de las personas van a ver mal la web...

Gracias de antemano por sus respuestas!

RESUMEN: Página web en html5 que se ve bien en todos los navegadores menos en IE.

[elarrieux]

Hola!

Dos cosas para probar.

La primera es incluir este script en tu HEAD:

Código HTML:

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 

La segunda es utilizar el HTML5 boilerplate que es un template que te sirve de partida para diseñar paginas en HTML5. Lo bajas de aqui:

http://html5boilerplate.com/

Suerte!

Sds.

[caruizj]

Muchas gracias elarrieux, probaré lo que me has comentado!

PD: Había visto en una web un listado de tags compatibles entre html5- IE pero espero que con tu solución se arregle, ya te comentaré.

Gracias y un saludo.

[caruizj]

Ya está solucionado con el script que me has dado... Muchas gracias de nuevo por tu ayuda.

PD: Yo no puedo cerrar el tema si está solucionado, no?

PD2: he encontrado esto que además es para IE 7 / 6

<!--[if IE]>
<script type="text/javascript">
var e = ("abbr,article,aside,audio,canvas,datalist,details ,figure,footer,header,hgroup,mark,menu,meter,nav,o utput,progress,section,time,video").split(',');
for (var i=0; i<e.length; i++) {
document.createElement(e[i]);
}
</script>
<![endif]-->

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/ve...;</script>
<![endif]-->

[memoadian]

IE7 y 6?

puaj¡¡¡

[maycolalvarez]

Iniciado por caruizj

Ya está solucionado con el script que me has dado... Muchas gracias de nuevo por tu ayuda.

PD: Yo no puedo cerrar el tema si está solucionado, no?

PD2: he encontrado esto que además es para IE 7 / 6

no, pero puedes reportarlo en el ícono a la izquierda del post

[Carlangueitor]

Para qué cerrarlo, quizá alguien pueda agregar algo después.

Saludos