css - solo - pagina web no se ve bien en internet explorer
¿Qué te gustaría saber antes de pasar horas tratando de arreglar un error en IE6 (23)
El principal problema que hemos tenido es programar suficiente tiempo de "arreglo en IE6". Eso y la tendencia de los diseñadores a proponer cosas fáciles de hacer en Flash y difíciles de lograr en CSS nos ha costado muchos días de trabajo extra.
El mío debería ser el flotador y los márgenes de error ...
Si flota un elemento y luego especifica un margen para él, duplicará el margen.
La solución a esto es agregar display: inline al elemento. Esto detendrá el margen doble, y el resto de navegadores lo ignorarán porque solo se pueden flotar los objetos de nivel de bloque.
Lo primero: hasLayout Si hubiera sabido esto desde el principio, la mayoría de mis preocupaciones se habrían resuelto. Incluso lo considero un problema peor que el estúpido modelo de caja de IE6.
No codifique IE6 primero. Ese es el camino a la locura.
Ojalá hubiera sabido que pasaría horas tratando de arreglar un error en IE 6 una y otra vez durante años y que realmente habría sido más feliz entregando pizza.
Ojalá supiera que mi código no valía. O que una declaración XML en XHTML pone IE en modo peculiar.
Probablemente los elementos SELECT no rindan con el orden z correcto.
Por ejemplo, si tiene un DIV flotante con un orden z más alto superpuesto encima de un seleccionar, el elemento SELECT se representará en la parte superior del DIV.
Exasperante.
Que si eres realmente anal y gastas mucho tiempo en ello, vale la pena y te conviertes en un gurú de IE temiendo nada más que el ser triste en el que te has convertido ...
Aunque es agradable impresionar a la gente con tus increíbles habilidades de corrección de errores de IE ...
- La mayoría de los errores de IE se pueden evitar usando métodos de CSS diferentes (normalmente mejores) y super clean logical xhtml
- Limpie siempre sus flotadores con el desbordamiento oculto (o simplemente tiene la opción de Destello para IE)
- Comprenda qué es Layout (básicamente una propiedad CSS que le da a IE una patada en el culo)
- Cuando comiences a enviar sitios, comprueba IE6 todo el tiempo, hasta que sea un profesional; ¬P
Desafortunadamente, y yo entreno a un pequeño equipo de 6 desarrolladores, la experiencia es una de las únicas cosas que realmente ayuda con estos problemas, mantén la calma, investiga bien en Google y publica tu problema en una comunidad si realmente estás atrapado con un buen demo del problema
Niza enlaces>
- http://css-tricks.com/ie-css-bugs-thatll-get-you-every-time/ (aunque recomiendo la solución PNG por Bob Osola / -0 )
- http://www.gtalbot.org/BrowserBugsSection/ (increíble y divertido ... ¡genial!)
¡Buena suerte!
PNG transparente debería haber sido compatible ...
http://www.pushuptheweb.com/ o uno de muchos otros sitios presionando para soltar el soporte IE6. Soy consciente de que renderizar las páginas web correctamente para los visitantes de IE6 es el núcleo de muchas empresas web, pero tarde o temprano algo tiene que ceder. Simplemente no entiendo por qué MS no fuerza una actualización>. <
Que incluso con todos los hackers PNG en el mundo, si está utilizando PNG como fondos en sus divs (para hacer, por ejemplo, un panel con bordes redondeados), se dirige hacia un mundo de dolor. (Enlaces y otros elementos no se puede hacer clic, IE6 se bloquea en versiones anteriores de la dll png, etc.)
En resumen: no use PNG de fondo transparente si desea que funcione en IE6.
Ojalá hubiera sabido sobre
- los comentarios condicionales para incluir hojas de estilo solo para IE
- encabezados xhtml para hacer que IE render en modo compatible
- el problema del modelo de caja, para que supiera qué poner en mi hoja de estilos de IE
Después de haberme enterado de estas cosas, realmente no he usado mucho tiempo solucionando problemas en IE6
.Hauge
además de otras listas de errores de IE que Ross y Loque dieron anteriormente (gtalbot.com, ¡qué hermoso sitio!
http://css-discuss.incutio.com/?page=InternetExplorerWinBugs
http://webbugtrack.blogspot.com/search/label/IE7
http://www.enhanceie.com/ie/bugs.asp
http://channel9.msdn.com/wiki/internetexplorerprogrammingbugs/ (como gtalbot, te llevará horas desplazarte por este
y, oye, IE 8 beta 2
http://css-class.com/test/bugs/ie/ie-bugs.htm
finalmente, la muñeca vudú de IE!
La importancia de DOCTYPES en IE, y
Desearía haber sabido por qué Microsoft me odiaba tanto.
el truco de subrayado
si pones un _ enfrente del atributo css, solo es leído por ie6.
es decir. _border: 1px sólido # 000000; crea un borde solo en ie6
Desearía haber sabido que Internet Explorer es el nuevo Netscape Navigator 4.7.x
La peculiaridad de representación que provoca un pequeño espacio en blanco debajo de una imagen en una celda de tabla si hay algún espacio en blanco entre el final de la etiqueta img y la etiqueta td de cierre.
Esto representa el derecho:
<td><img src="myimage.jpg"></td>
Esto representa un error:
<td>
<img src="myimage.jpg">
</td>
Ojalá supiera sobre quirksmode.org . Las tablas de compatibilidad, los informes de errores, los ejemplos de JavaScript son todos muy útiles.
1
hasLayout y esta excelente explicación: http://www.satzansatz.de/cssd/onhavinglayout.html
¡Tenía una nueva oportunidad de vida una vez que me había atado la cabeza! Asegurarme de que el elemento que contiene hasLayout soluciona la gran mayoría de mis problemas.
2
jQuery !! Escribir CSS específico para IE es suficientemente malo, así que me alegro de que rara vez tengo que preocuparme más por JS.
Ojalá hubiera sabido que muchos números de línea de error IE 6 están desactivados por uno.
Ojalá hubiera sabido de la posición es todo , pero específicamente el error peekaboo siempre me tiene.
Ojalá hubiera sabido sobre herramientas de desarrollo como Firebug Lite y HttpWatch que facilitan la depuración.
* {margen: 0; relleno: 0; borde: ninguno}
Juro por Dios que esta línea cambió todo. ¡presto! ¡todo es del mismo tamaño! y luego me zambullí en el agujero de conejo en el que me encontrarás ahora. maravilloso.