Foro de Posicionamiento y Buscadores

foley · Publicado: Jue Ago 07, 2008 7:37 pm **Asunto**: Pequeña desorganización en ie6

Hola

Me he planteado dejar las tablas y usar divs+css para la maquetación. Hasta ahí todo bien. Ya tengo el diseño realizado, según el validador w3c, el código html y css no tiene ningun fallo.

En mi ordenador tengo instalado ie7 y firefox pero como aún hay gente que usa ie6, me descargué un programa llamado IETester con el que puedes ver una página en varias versiones del ie (5.5, 6, 7 y 8 beta) para ver si se veía bien en ie 6... y cuál fue mi sorpresa?? Los divs descolocados, os dejo una captura, me parece que el problema es de los márgenes:

http://img204.imageshack.us/img204/3455/imagen2pj4.jpg

Lo que quiero saber es cómo solucionar este problema. La verdad, en la plantilla ya tengo este código:



Para que cuando el navegador sea ie, que use una hoja de estilos específica. Quizás tenga que poner dos ifs de esos, uno para el ie6 y otro para el ie7 no??

Os dejo un enlace para que veáis cómo se debería ver:

http:// todowolfenstein.uni.cc /pruebas/

Un saludo Razz

_________________
Quake Wars
Web Hosting España

powell1982 · Publicado: Vie Ago 08, 2008 5:13 am **Asunto**:

Puedes utilizar eso o utilizar PHP, pero mi pregunta es realmente necesario realizar web para ie6?

Cada vez se utiliza mas firefox, cada vez la gente se actualiza el navegador y se pasan a ie7.

Los nuevo windows vista, ya traen solo el ie7, y se ha anunciado que pronto saldra el ie8.

Así que es un consejo, pero el código que utilizo yo para detectar ie6 en php es:

Carlitus · Publicado: Vie Ago 08, 2008 7:20 am **Asunto**:

¿En el estilos-ie.css tienes puestos todos los estilos para IE o sólo las correcciones?

Lo recomendado es tener un fichero css para todos los navegadores (que normalmente se verá bien con Firefox ya que usamos sólo estándares) y luego poner las correcciones en el fichero estilos-ie.css.

Si ves que IE6 e IE7 se comportan diferente has de hacer lo que has dicho, un css para cada uno, pero sólo con las correcciones.

En tu caso has de poner menos width a la columna central (o a las otras, lo importante es que sumando todas quepan) y ya cabrá, es algo habitual.
_________________
Diseño web Barcelona
Portal Nissan, el mejor foro de coches nissan

foley · Publicado: Vie Ago 08, 2008 7:57 am **Asunto**:

Yo no sé si es necesario o no, he estado mirando las estadísticas de mi web y alrededor de un 8-10 % de los visitantes usan ie6. Vale la pena arreglar el problema no?

Carlitus, voy hacer un año en esto de las páginas webs el día 12 de agosto y solo llevo 1 mes con los divs así que con estos últimos de momento no me entero mucho Laughing

Pero lo que si te puedo decir es que en el estilos-ie.css tengo puesto todos los estilos.

Por favor, me puedes explicar un poco mejor esto de las correcciones?? o darme alguna página o algo.

Y para hacer que cojan los divs, tengo que ir "a ojo"?

Saludos, gracias a los dos Very Happy

_________________
Quake Wars
Web Hosting España

cocowawa · Me gusta MSN! Registrado: 08 Dic 2005 Mensajes: 319

Depende un poco de la página pero en algunas de mis temáticas casi el 40% de la gente sigue navegando con IE6... Despreciar tráfico aunque "solo" sea un 10% me parece una mala estrategia.

Para arreglarlo lo mejor lo que te comenta Carlitus
_________________
caballos
Razas de caballos

foley · Publicado: Vie Ago 08, 2008 8:44 am **Asunto**:

Carlitus · Publicado: Vie Ago 08, 2008 10:47 am **Asunto**:

Has de tener una hoja de estilos genérica que sirva para todos los navegadores. La hoja la llamarás de manera tradicional usando <link rel="stylesheet" href="/css/estilos.css" media="all" /> (por ejemplo)

Luego usando los comentarios condicionales has de añadir la hoja de estilos de IE6

!--[if lte IE 6]>
<link rel="STYLESHEET" type="text/css" href="/css/fix-ie6.css" />
<![endif]-->

(esto sirve para IE6 o menos)

En esta hoja de estilos sólo has de poner las correcciones. Esto quiere decir que si ves que un div en explorer sale demasiado grande y por eso se va abajo sólo has de cambiar esa propiedad (el witdh)

Pongamos que entre otras cosas en estilos.css tenemos:

#col2 {
float: left;
width: 400px;
margin: 1em;
background: red;
border: 2px black solid;
}

Si vemos que IE6 necesita un width de 380 entonces pondremos en el fix-ie6.css

body #col2 {
width: 380px;
}
_________________
Diseño web Barcelona
Portal Nissan, el mejor foro de coches nissan

foley · Publicado: Vie Ago 08, 2008 10:55 am **Asunto**:

Ah vale, me ha quedado claro, voy a intentarlo y si tengo alguna duda te pregunto Smile

Saludos

_________________
Quake Wars
Web Hosting España

foley · Publicado: Vie Ago 08, 2008 11:26 am **Asunto**:

Ya está, no ha quedado perfecto pero casi Laughing

Solo le he tenido que quitar 10 px de anchura al div central Very Happy

Yo pienso que ya está bastante bien:

http:// img126.imageshack.us/my.php?image=imagen1am1.jpg

Muchas gracias a todos, ya me veía volviendo a las tablas Laughing

Saludos

_________________
Quake Wars
Web Hosting España

Carlitus · Publicado: Lun Ago 11, 2008 8:58 am **Asunto**:

De nada

_________________
Diseño web Barcelona
Portal Nissan, el mejor foro de coches nissan