Aunque puede haber muchos errores en el navegador, eso no significa que haya errores cuando te sientes diferente. Puede haber muchas razones para el problema, por lo que el productor necesita ciertos métodos para solucionar el problema.
Es aconsejable elegir un navegador avanzado para las pruebas, como Opera 9.2, Firefox 2.0 o Safari 3.0, que tienen mejor soporte para CSS 2.1. No utilice IE 6 como único navegador de prueba, porque IE 6 tiene la mayor cantidad de problemas. lo cual es muy desfavorable para que los productores (especialmente los principiantes) comprendan las especificaciones de CSS 2.1 y determinen si el rendimiento del navegador es correcto.
Si la prueba es correcta en navegadores avanzados, pero hay un problema en IE, básicamente se puede determinar que el problema es IE.
Si la visualización en los navegadores avanzados es incorrecta, primero puede hacer el siguiente juicio preliminar:
1. Si la ortografía es correcta, puede utilizar la verificación W3C o la función de verificación del software de edición de páginas web para verificar si las etiquetas en el documento (X)HTML coinciden, si el orden de anidación es correcto, si las etiquetas vacías están cerrados y si la ortografía CSS es correcta. El anidamiento incorrecto y la ortografía incorrecta son errores muy comunes.
Consejo: actualmente existen muchos programas de edición que pueden proporcionar funciones de verificación (X)HTML y CSS, incluido si el navegador admite atributos CSS, etc. Por ejemplo: Dreamweaver 8 o superior, TopStyle y otro software.
Consejo: El software complementario "Firebug" en Firefox es una herramienta muy útil que no sólo puede comprobar si (X)HTML, CSS y JavaScript son correctos, sino que también muestra dinámicamente los marcos y las posiciones de los elementos en la página. Es muy bueno para depurar páginas web como complemento auxiliar.
2. ¿Existe una DTD adecuada?
En otros capítulos de este libro, se ha enfatizado más de una vez la importancia de DOCTYPE. Los diferentes DOCTYPE afectan directamente la interpretación que hace el navegador de (X)HTML y CSS.
3. ¿El navegador admite atributos CSS? Aunque los navegadores modernos admiten la mayoría de las especificaciones CSS 2.1 y algunas especificaciones CSS 3, como se presentó en el capítulo anterior, algunos atributos CSS no han sido ampliamente admitidos por los navegadores, por lo que en Cuando un determinado atributo lo hace no surtirá efecto, confirme si el navegador lo admite.
4. Aísle el problema para resaltar el área problemática, como agregando un borde llamativo o un color de fondo al elemento.
Si agregar un borde resuelve el problema, entonces es una cuestión de márgenes superpuestos.
Si se agrega un fondo pero no se muestra, puede deberse a características especiales o al elemento flotante no está cerrado.
Intente modificar algunos atributos, especialmente los atributos que activan hasLayout de IE, para determinar si se trata de un error común en IE.
5. Configure una prueba básica. Si eso no resuelve el problema, puede copiar el archivo problemático y eliminar el (X)HTML adicional, dejando solo la parte problemática.
Elimine el problema del comentario dentro del (X)HTML y vea si el problema desaparece.
Elimine los espacios entre elementos y vea si el problema desaparece.
Luego comente la hoja de estilo en bloques hasta que el problema desaparezca, entonces el estilo recién comentado es el problema.
6. Resolver el problema en lugar de resolver el fenómeno. Encontrar la causa raíz del problema y resolverlo es el objetivo final, en lugar de utilizar un truco complejo para hacer que la página web "se vea hermosa" solo para adaptarse al rendimiento. Si no resuelve el problema desde la raíz, puede encontrar más problemas cuando actualice el navegador. Al mismo tiempo, la piratería puede provocar que surjan nuevos problemas, especialmente activar o evitar activar el atributo hasLayout de IE.
Otra forma de pensar también puede evitar el problema, como cancelar el atributo de margen del elemento y establecer en su lugar el atributo de relleno de su elemento principal.
Utilice Hack sólo cuando realmente no se pueda resolver.