Cómo crear una página web que se ajuste a todos los navegadores

En el diseño de impresión, cada persona ve el mismo logotipo, los mismos colores, las mismas fuentes y el mismo diseño. Esta uniformidad es muy importante en la publicidad, ya que establece una marca consistente. En el diseño de Web, sin embargo, a menudo se ven diferentes sitios web de un ordenador a otro, debido a las diferencias de navegador y configuración de cada usuario. Los diseñadores web profesionales combatir estas diferencias mediante el uso de las fuentes más comunes y la piratería de sus hojas de estilo para hacer que funcionen en versiones anteriores de Internet Explorer. Algunos diseñadores también prefieren hacer sus diseños de "fluido" para adaptarse a diferentes tamaños de pantalla.

Instrucciones

1 El diseño de su sitio web para verse bien en Firefox, Chrome o Safari. todos estos navegadores interpretan el código de normas del Wide Web Consortium (W3C). Al usar Cascading Style Sheets versión de tres (CSS3), asegúrese de incluir versiones específicas del navegador de cada estilo CSS3. Por ejemplo, cuando se configura "la frontera de radio," utilizar tanto "-khtml-frontera de radio" y "-frontera de radio -moz."

2 Establecer los tamaños de todo el texto y etiquetas <div> a porcentajes en lugar de números específicos. Hacer esto permite que el sitio web para exprimir y ampliar dependiendo del tamaño y la configuración de la pantalla del usuario. Sólo configurar ciertos elementos de diseño - como una barra lateral que contiene anuncios o de navegación - para un número específico de píxeles. Probar el diseño mediante la apertura de la página en un navegador. Cambiar el tamaño de la ventana del navegador varias veces para poner a prueba la flexibilidad del diseño.

3 Elegir una buena pila de la fuente que contiene las fuentes comunes a la mayoría de las computadoras. pilas de fuente son listas de fuentes de la página web utiliza para cada elemento de CSS, como "p {font-family: Arial, Helvetica, sans-serif}". En el caso de este ejemplo, el sitio web utiliza Arial para cada párrafo en la página, o se utiliza Helvetica si Arial no está disponible. Si el equipo del usuario no tiene ninguna de esas fuentes instaladas, el sitio utilizará fuente predeterminada de sans serif del navegador.

4 Agregue la línea <! - [If lt IE 9]> antes de ninguna otra vinculación o etiquetas de estilo en el código HTML de la página Web. Después de esta línea, agregar una etiqueta de enlace de la especificación de un nuevo archivo de hoja de estilos que va a crear para Internet Explorer. Poner fin a este "hack" mediante la adición de la línea <[endif] -> después de la etiqueta de enlace. Ahora crear una nueva hoja de estilos. Abra su página web en Internet Explorer 6 y comenzar a fijar el diseño del sitio. Añadir los cambios que haga como nuevas reglas de estilo en la nueva hoja de estilos. Cuando una persona busca su sitio web utilizando una versión de IE mayores de 9 años, van a ver el sitio de estilo con estas reglas.