No estoy hablando acerca de las herramientas que permiten una vista de una página en combinaciones de sistemas operativos y navegadores como crossbrowsertesting.com pero en la creación o averiguar el CSS real.¿Cuál es su mejor herramienta o técnica para obtener la misma pantalla en IE6/7 y Firefox?
Si ustedes todavía están codificando para IE6, estás cometiendo un error.
Uso IE7.js para obtener IE6 para representar páginas como IE7. IE7 no es perfecto, pero al menos tiene una apariencia de estándares. Como solo tengo que codificar para IE7 y FF, me hace un 33% más eficiente en términos de pruebas contra navegadores, algo que creo que tiene sentido comercial.
Enlace: IE7.js
escribo a las normas y Firefox e Internet Explorer 7 siguen un muy buen conjunto en común.
IE6 está muerto en lo que a mí respecta, pero si regreso en dev web profesional probablemente voy a tener que revisar eso;)
Trato de hacer una página compatible con los estándares y hacer todas mis pruebas en Firefox (ya que tiene algunas extensiones de desarrollo excelentes, como Web Developer y Firebug). Luego, cuando termine, pruebo el sitio en IE y luego hago los pequeños cambios necesarios. Encuentro que necesito hacer muy pocos cambios, ya que no hago nada extraordinariamente complejo con CSS.
que solía tener más problemas con las diferencias de Javascript, pero después de que empecé a usar librerías Javascript (como jQuery) que dejó de tener problemas serios con eso.
relleno.
IE6 puede ser un poco hinky al utilizar el margen para colocar los elementos en posición horizontal sobre una página. Si dimensiona sus elementos y espacia el contenido utilizando el relleno, puede hacer que muchos diseños funcionen perfectamente en IE6/7, FF, Safari y Opera sin ningún tipo de intrusión. IE5.5 hace las cosas un poco más rígidas debido al modelo de caja rota, pero creo que podemos contarlo en la mayoría de las circunstancias ahora.
Intento hacer una página que cumpla con los estándares y realizar todas mis pruebas en Firefox (ya que tiene algunas extensiones de desarrollo excelentes como Web Developer y Firebug). Luego, cuando termine, pruebo el sitio en IE y luego hago los pequeños cambios necesarios. Encuentro que necesito hacer muy pocos cambios, ya que no hago nada extraordinariamente complejo con CSS.
Lo mismo aquí, excepto que no tiendo a necesitar usar Firebug y tal. Sólo he tenido problemas con IE6 sin embargo, recientemente - que se resuelve por simple CSS no pasa por:
/* All browsers read: */
html body {
margin: 10px;
}
/* FF, IE7, Op etc. read: */
html > body {
margin: 0;
}
uso de un restablecimiento CSS para nivelar el terreno en todos los navegadores. YUI y Eric Meyer tienen buenos.
estoy con Eli. Escribir contra Firefox (con firebug instalado) hace que tengas que escribir un código "más compatible" para comenzar y luego se queda sin trabajo más adelante cuando lo haces compatible con IE.
Utilizar el sitio QuirksMode para ayudar a encontrar respuestas a compatbility información
Si es un nuevo proyecto que lo hacen un punto para poner a prueba todos los cambios HTML + CSS en todos los navegadores he orientado como hago los cambios.En el pasado, tendía a centrarme en mi navegador favorito y luego probar con los demás después de que terminé para encontrar que uno o más pequeños caprichos estaban presentes y era muy tedioso señalar la causa real. Ahora tengo todos los navegadores abiertos y simplemente actualizo cada uno después de cada cambio de html/css para asegurarme de que la pantalla cumpla con mis expectativas. Cuando algo sale mal, sé exactamente qué lo causó.
Puede parecer mucho tiempo para probar en todos los navegadores a la vez, pero a la larga realmente ahorra tiempo a medida que captas los problemas a la vez.