Foros del Web » Creando para Internet » CSS »

Siempre tengo problemas con IE6

Estas en el tema de Siempre tengo problemas con IE6 en el foro de CSS en Foros del Web. Hola! Ya llevo algún tiempo maquetando webs en css y siempre me topo con el mismo problema. Tengo la manía de probar mis trabajos en ...
  #1 (permalink)  
Antiguo 16/09/2010, 07:00
 
Fecha de Ingreso: septiembre-2010
Mensajes: 20
Antigüedad: 6 años, 4 meses
Puntos: 0
Siempre tengo problemas con IE6

Hola! Ya llevo algún tiempo maquetando webs en css y siempre me topo con el mismo problema.

Tengo la manía de probar mis trabajos en diferentes navegadores y resoluciones de pantalla. Pues bien, siempre tengo el mismo problema con IE6, se me descuadra la estructura y las posiciones de ALGUNOS divs.

Mi pregunta es: ¿Hay alguna propiedad específica del css que no entienda IE6? Creo que el problema viene cuando utilizo position:relative.

¿Alguien puede aclararmelo?
  #2 (permalink)  
Antiguo 16/09/2010, 17:50
 
Fecha de Ingreso: noviembre-2008
Mensajes: 94
Antigüedad: 8 años, 1 mes
Puntos: 6
Respuesta: Siempre tengo problemas con IE6

width. No es que IE6 no la entienda, sino que la interpreta diferente.

Para IE6 el ancho total de una caja es el valor de lo que va adentro de la caja (width), más el relleno (padding). O sea, si dices width: 100px; padding: 10px; margin: 10px; IE 6 te va a calcular el ancho final como 100 de width más 20 de padding (10 de cada lado).

En cambio, el estándar dice que debe ser width más el padding MÁS margin. Es decir, un navegador adaptado a estándares va a interpretar la caja de arriba como 100px de width, más 20 de padding más 20 de margin. Ahí es donde se rompe todo.

Si lo vemos desde un punto de vista lógico IE6 tiene más sentido, porque el ancho de una caja real, digamos de cartón sería lo que contiene más el relleno, pero el espacio entre caja y caja no es parte de la caja. Pero el modelo estándar dice otra cosa.

Una vez que entiendes el modelo de cajas de IE6 y su diferencia con el modelo de cajas estándar vas en camino a resolver el 90% de tus problemas.
  #3 (permalink)  
Antiguo 16/09/2010, 21:21
 
Fecha de Ingreso: abril-2010
Ubicación: Chile
Mensajes: 76
Antigüedad: 6 años, 9 meses
Puntos: 3
Respuesta: Siempre tengo problemas con IE6

Cita:
Iniciado por rb3m Ver Mensaje
width. No es que IE6 no la entienda, sino que la interpreta diferente.

Para IE6 el ancho total de una caja es el valor de lo que va adentro de la caja (width), más el relleno (padding). O sea, si dices width: 100px; padding: 10px; margin: 10px; IE 6 te va a calcular el ancho final como 100 de width más 20 de padding (10 de cada lado).

En cambio, el estándar dice que debe ser width más el padding MÁS margin. Es decir, un navegador adaptado a estándares va a interpretar la caja de arriba como 100px de width, más 20 de padding más 20 de margin. Ahí es donde se rompe todo.

Si lo vemos desde un punto de vista lógico IE6 tiene más sentido, porque el ancho de una caja real, digamos de cartón sería lo que contiene más el relleno, pero el espacio entre caja y caja no es parte de la caja. Pero el modelo estándar dice otra cosa.

Una vez que entiendes el modelo de cajas de IE6 y su diferencia con el modelo de cajas estándar vas en camino a resolver el 90% de tus problemas.
Muy bien explicado rb3m, pero diria que el 70 u 80% de los problemas solamente xD lo navegadores IE6 hasta IE8, son muy mañosos, entonces la solucion seria crear un css aparte para IE o bien utilizar hacks (no recomendable para la validacion), esperemos que IE9 sea tan bueno como dice ser xD
  #4 (permalink)  
Antiguo 16/09/2010, 23:56
Avatar de matius  
Fecha de Ingreso: julio-2005
Ubicación: Mexico, D.F.
Mensajes: 554
Antigüedad: 11 años, 5 meses
Puntos: 2
Respuesta: Siempre tengo problemas con IE6

Cita:
Iniciado por KaozC9 Ver Mensaje
IE9 sea tan bueno como dice ser
No, no lo es, y para muestra la liste de compatibilidad
http://findmebyip.com/litmus/#target-selector

De hecho será el de peor soporte.
  #5 (permalink)  
Antiguo 17/09/2010, 04:15
 
Fecha de Ingreso: septiembre-2010
Mensajes: 20
Antigüedad: 6 años, 4 meses
Puntos: 0
Respuesta: Siempre tengo problemas con IE6

De acuerdo! La verdad que venía haciendo eso, un css aparte para IE6... pero quería una solución única para todos los navegadores.

Muchas gracias a todos por contestar!

Un saludo
  #6 (permalink)  
Antiguo 09/08/2011, 12:13
Avatar de miros84  
Fecha de Ingreso: diciembre-2008
Mensajes: 351
Antigüedad: 8 años, 1 mes
Puntos: 4
Respuesta: Siempre tengo problemas con IE6

Yo he encontrado una solucio unica y va bastante bien.

Pon este codigo en el header y IE6 funcionará como IE9

Código:
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

Etiquetas: siempre
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:08.