sea - html5 en internet explorer
Estrategia para arreglar errores de diseño en IE6 (12)
En general, ¿cuál es la mejor manera de abordar un error de diseño en IE6? ¿Cuáles son los errores o errores más comunes que uno debe buscar al tratar de descubrir por qué su página de repente se ve como un mono lo codificó?
Lo primero es lo primero
Obtenga la barra de herramientas para desarrolladores de Internet Explorer . Es un salvavidas y funciona muy bien con IE6 y / o IE7. No es un reemplazo para Web Developer Toolbar o Firebug para Firefox, pero es mejor que nada.
Conocer a tu enemigo
Lea sobre las peculiaridades de IE, particularmente hasLayout y overflow y similares. También hay muchas sutilezas CSS que tendrá que prescindir o buscar alternativas . Mire en cuántos de los juegos de herramientas / marcos / bibliotecas populares de JavaScript se solucionan diferentes problemas .
Roma no fue construida en un día
Cuanto más tenga que trabajar con él, más recordará y no tendrá que buscar tan a menudo. Simplemente no hay reemplazo para la experiencia en esto. Sin embargo, como muchos han señalado, existen grandes recursos en la red. La posición es todo está ciertamente allá arriba.
¿cómo se define el error de diseño? la implementación de diseño más frustrante (no sé si esto debería definirse como error) en IE es que siempre debemos especificar style = "display: inline" en la etiqueta HTML <form> para que no aparezca una línea en blanco para alterar el diseño del formulario.
El modelo de caja suele ser el culpable. Básicamente, lo que esto significa es que cualquier div que estés tratando de posicionar y usar CSS no soportado causará este problema.
Puede encontrar que sucede si está usando min- {ancho, alto} o máximo- {ancho, alto}.
esto proporciona una gran referencia para verificar la compadibilidad con diferentes versiones.
En teoría, use CSS compatible con errores de diseño de IE6, utilice solo soluciones conocidas (filtros css y html) y código para ellos de una manera que no avance la compatibilidad, pruebe las peculiaridades / modo estricto.
En realidad, recurrir a tablas.
Esta pregunta creo que tiene demasiado alcance.
Valide su código, y si el dolor persiste, bueno, buena suerte.
Las únicas soluciones reales, como con cualquier otro tipo de error de estadio son buscar una solución en google, o preguntarle a alguien que sabe, (es decir, darnos el problema exacto aquí en ).
Puede usar la barra de herramientas IE Dev para obtener una idea, pero muchos de los errores son aleatorios, inexplicables y esotéricos. IE: el error de guillotina, el error de duplicación de elementos aleatorios, etc., la lista continúa, y puedes pasar horas literalmente jugando con variables estúpidas en todas partes y sin lograr nada.
Teníamos un problema de div flotante que solo era evidente en una versión particular de IE6. Se corrigió descargando el último service pack.
Tengo una estrategia simple que funciona todo el tiempo.
Primero, desarrollo el sitio usando CSS comúnmente aceptados para que se vea bien en Safari y Firefox 3. Consulte w3schools.com para obtener más información sobre el soporte del navegador.
Luego, voy a IE6 e IE7 y modifico el CSS usando inclusiones condicionales .
Esto está libre de intrusos y te permite manejar diferentes navegadores (IE6 e IE7 tienen problemas separados).
La mayoría de los problemas que encontrarás provienen de funciones no compatibles en IE (como min-width), errores en el modelo de caja (IE agrega relleno adicional no visto (3px) a algunos cuadros) o problemas de posicionamiento. Vaya por los primeros ya que a menudo son el problema.
Un problema común es que el relleno no se agrega al ancho de un elemento de bloque. Por lo tanto, para los divs de diseño, evite usar relleno y en su lugar use elementos dentro de ellos para definir el relleno.
Uso el Selector de Navegador de Rafel Lima cuando necesito modificar las diferencias entre los navegadores de IE / Estándares. Reduce enormemente el uso de "hacks" en tu HTML para resolver problemas comunes.
Puede orientar las declaraciones CSS para diferentes navegadores, o incluso diferentes versiones de navegadores (Hola IE 6). Es muy simple de implementar, pero requiere que el usuario tenga JavaScript activado (la mayoría lo hace).
.thing {....}
.ie.thing {....}
.ie6 .thing {....}
http://www.positioniseverything.net/ sin duda abordará su problema.
Proporciona descripciones exhaustivas y en profundidad de errores del navegador junto con opciones para evitarlos. Una lectura obligada, en mi opinión,
Una buena manera de empezar a aprender cómo IE está arruinando la página es activar los bordes rojos en diferentes elementos con CSS ( border: 1px solid red; ). Esto le dirá de inmediato si se trata de un problema de margen o un problema de relleno, qué tan grande es realmente el elemento, etc.
Notó que la publicación de Marc está en -2 = D. Solo dice "recurrir a las mesas" aunque suenen, porque en exploradores sucios como IE6, algunos de los comandos CSS rotos solo funcionan en tablas (quién sabe por qué ... ¡¡¡te atrapa Bill Gates !!!). Aquí hay una buena referencia para ver qué funciona y qué no funciona en lo que respecta a CSS. http://www.quirksmode.org/css/contents.html . Es una gran referencia para comprobar qué efectos interesantes funcionan / no funcionan con varios navegadores ampliamente utilizados. Además, siempre tenga un plan de acceso para los usuarios que navegan con IE6 (aunque es casi tan viejo como suciedad mecánica) ya que muchas empresas todavía usan navegadores antiguos (incluidos los países sin fines de lucro / del tercer mundo, etc.) Así que por todos los medios , cree el menú desplegable desactivado que se ve MUCHO mejor que un menú horizontal estándar, pero cree uno secundario específicamente para IE6 que se convierte en el predeterminado cuando la página recibe una solicitud de un navegador IE6.