Mi sitio web no se ve en IE8 con html5

emilioledesma_3 · #1 (**permalink**) 12/02/2013, 17:52

Buen día a tod@s,

Tengo problemas con IE8 cuando intento ver mi sitio, la pagina web esta desarrollada con html5 y css3 con javascript, cuando hago las pruebas en el navegador IE8 se queda trabada la pagina y no puedo hacer nada tengo que matar el proceso para que se destrabe, he leeido y me entere que tengo que poner unas etiquedas en el <head> pero ni aun asi funciona, las etiques son las siguientes:

Código:

<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
<meta name="viewport" content="width=device-width" />


<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-–>

Pero no funciona, que puedo hacer para que funciones o que tengo mal?

Gracias.

ipraetoriux · #2 (**permalink**) 12/02/2013, 23:19

has puesto esto en tu CSS??

Código CSS:

Ver originalarticle,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

...de todas formas, no esperes que todo lo de HTML5 funcione en ie8, apenas algunas cosas funcionan en ie9...pero algooo se puede hacer

emilioledesma_3 · #3 (**permalink**) 13/02/2013, 09:45

ipraetoriux:Como lo tengo que poner en mi css?

Asi nadamas?

Código:

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

No llevan ningún atributo?

Carlangueitor · #4 (**permalink**) 13/02/2013, 11:10

¿Cómo que ningún atributo? Le estás poniendo display:block a esos elementos.

¿Eso no lo hace por defecto HTML5Shim?

pzin · #5 (**permalink**) 13/02/2013, 13:32

Raro suena a que la página se trabe porque no soporte HTML5 o CSS3. Cuando no hay soporte, simplemente no lo se da, pero no traba la página.

A ver si no va a ser algo relacionado con JavaScript o alguna otra cosa.

Cita:

Iniciado por Carlangueitor

¿Eso no lo hace por defecto HTML5Shim?

Si, igual que crea los elementos, también crea un elemento style para ponerlos como bloques.

ipraetoriux · #6 (**permalink**) 13/02/2013, 13:34

Cita:

Iniciado por Carlangueitor

¿Cómo que ningún atributo? Le estás poniendo display:block a esos elementos.

¿Eso no lo hace por defecto HTML5Shim?

...exactamente, el HTML5Shim lo que hace es crear via JavaScript las etiquetas no reconcidas por los navegadores menores a IE9, pero, no es correcta su visualizacion, entonces es necesario darle un display:block a esas nuevas etiquetas creadas por el HTML5Shim

Carlangueitor · #7 (**permalink**) 13/02/2013, 13:43

Cita:

Iniciado por ipraetoriux

...exactamente, el HTML5Shim lo que hace es crear via JavaScript las etiquetas no reconcidas por los navegadores menores a IE9, pero, no es correcta su visualizacion, entonces es necesario darle un display:block a esas nuevas etiquetas creadas por el HTML5Shim

Pero HTMLShim (supongo es el mismo que HTML5Shiv) ya agrega los estilos de bloque. https://github.com/aFarkas/html5shiv...l5shiv.js#L216

Saludos

ipraetoriux · #8 (**permalink**) 13/02/2013, 13:52

...si exactamente, pero por alguna razón muchas veces IE8 no renderiza correctamente con el display block establecido en el html5shiv, esas son pruebas que hice varias veces, tiene un comportamiento medio raro, luego vi que los de HTML5BoilerPlate agregan el display block en el CSS, y ahi funciona siempre....