max-width en IE8 e IE9

sergi_multimedia · #1 (**permalink**) 28/05/2013, 04:27

Hola tod@s, estoy terminando una web, y estoy teniendo diversos problemas con Internet Explorer (para variar). Con Chrome, Safari, Firefox y Opera correcto.

Para solucionar el problema de incompatibilidades estoy utilizando normalize y los condicionales.

Código HTML:

Ver original<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<!--[if lt IE 9]>
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" />
<![endif]--><html class="no-js" lang="es"> <!--<![endif]-->

Pero si vais a la web veréis que ocupa todo el ancho de la pantalla con IE, y con los otros navegadores tiene un max-width:1024px.

http://fustot.cat/simona/

Cómo lo puedo solucionar?

Pedirme el código de la parte que creeis necesaria ver ;)

Saludos y gracias de antemano

pzin · #2 (**permalink**) 28/05/2013, 07:43

Pues max-width debería de funcionar sin problema a partir de IE7. En IE8 puede dar problemas al combinarse con overflow auto/scroll.

http://caniuse.com/minmaxwh

Supongo que el problema vendrá de otro sitio. No tengo IE instalado así que no puedo probar.

sergi_multimedia · #3 (**permalink**) 28/05/2013, 23:20

Gracias por contestar pzin, en otras webs que he echo no he tenido problemas con el max-width, pero esta no sé el motivo la web me ocupa todo el ancho de la pantalla.

Alguien más me puede echar una mano?

Saludos ;)

Triby · #4 (**permalink**) 29/05/2013, 02:01

Lo primero que veo mal es que tienes todos los condicionales antes de <html> y deberían estar estre <head> y </head>, soluciona eso y veremos si sigue fallando.