problema css con doctype ie6

ferran_ · #1 (**permalink**) 29/07/2008, 07:47

Hola buenas tardes, antes de nada, disculparme si este mensaje no esta en el tema adecuado.

Estamos teniendo problemas con la declaración del doctype en IE6, nos afecta a los css. El problema viene dado porque antes del doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> vienen unos comentarios del tipo:




En firefoxno hay problema el doctype es interpretado bien y el css se ve bien, pero en IE6 se ve que si este doctype en concreto no se declara arriba del todo el css no es interpretado correctamente.

¿Sabéis si es un bug del ie6? En ese caso ¿Hay solución?

Muchas gracias.

Mikmoro · #2 (**permalink**) 29/07/2008, 09:42

No sé muy bien por qué tienes esos comentarios ahí, pero efectivametne, la delaración del doctype debería ser lo primero que aparece en el documento.

¿No puedes cambiar de sitio los comentarios?

ferran_ · #3 (**permalink**) 29/07/2008, 10:12

No, porque eso depende del departamento de IT y dicen que ven muy complciado cambiarlo, por que lo genera el php y afectaria a otra paginas bla bla bla.... en fín, que estoy mirando de encontrar una solucion que no pase por esa idea.

Mikmoro · #4 (**permalink**) 29/07/2008, 10:18

De acuerdo, aunque deberían mirar por qué han hecho que el PHP genere ahí esos comentarios, que creo que es erróneo. Pero bueno.

¿Qué significa que hace que la CSS no es interpretada correctamente?

Si te explicas un poco igual se puede buscar algo.

ferran_ · #5 (**permalink**) 30/07/2008, 01:23

Los inputs se ven más pequeños, el margin de los elementos no lo coge bien.

Mikmoro · #6 (**permalink**) 30/07/2008, 01:34

De acuerdo. Te lo preguntaba porque es lo que me imaginaba: no es que no esté cogiendo la css, es que Explorer interpreta erróneamente muchas cosas de css, y hay que ir poco a poco aprendiendo de sus peculiaridade y sus errores de interpretación para ir adaptándolo.

Para eso se usan multitud de técnicas como hacks, comentarios condicionales, hojas de estilo específicas sólo para él, etcétera. Así que no es el problema de los comentarios de la cabecera, sino del IE del demonio. Si miras en este foro verás miles de mensajes referidos a ese asunto.

Lo más práctico: dejas la hoja de estilo como la tienes; creas una copia y empiezas a retocar las cosas para que en IE se vean como en FF. Cuando termines, compruebas qué propiedades has cambiado, eliminas todas las que no hayas cambiado y sean iguales, y renombras esa hoja como quieras (estilos_ie.css, por ejemplo)

Por último, en la cabecera donde cargas tu hoja de estilo

<link rel="stylesheet" href="css/estilos.css" type="text/css" />

añades un comentario condicional para cargar la hoja exclusiva para IE:



Y listo. Esto hará que IE lea la hoja principal y luego la suya específica, y la leerá sólo él.

Hay que tener experiencia con css para conseguir usar la mayor parte de elementos compatibles con IE y utilizar lo menos posible estás cosas, pero mientras tanto, esta es una de las mejores soluciones.

Espero que te sirva.

ferran_ · #7 (**permalink**) 30/07/2008, 01:38

Si los hacks y demás técnicas ya las conozco, el problema es que este css se aplica a más páginas, y si lo arreglas para las páginas que se carga con los comentarios php arriba del todo en el resto que el doctype está declarado correctamente (arriba del todo) pues se ven mal obviamente. Lo que quería huir es de hacer otra css para estas páginas concretas, quería saber si había alguna manera de hacer que interpretase bien el doctype aunque tuviese comentarios arriba.

¿No tiene solución no? o me peleo con el departamento de IT para que me quiten los comentarios de las primeras lineas de la página o hago un css especial para esas páginas. ¿Verdad?

Mikmoro · #8 (**permalink**) 30/07/2008, 01:43

De haberlo dicho antes me podías haber ahorrado toda esa chapa.

Pero entonces, ¿se carga con PHP y en unas aparecen esos comentarios y en otras no? Eso sí que tiene poco sentido. Diles que así no puedes trabajar y listo.
Con los comentarios imagino que IE entra en "quirks mode" de manera que o lo arreglan o haces una hoja que se cargue sólo en la que están comentadas.

ferran_ · #9 (**permalink**) 30/07/2008, 01:48

Perdona por no haber sido más claro, pero gracias de todas formas!

Mikmoro · #10 (**permalink**) 30/07/2008, 01:54

Nada, no te procupes, es que por escrito no hay entonación, y sólo te estaba estirando de una oreja

. La cosa es que es un problema raro, pero no de IE, sino del departamento de IT de tu empresa.