El principal problema de la maquetación web es lograr que los contenidos se vean bien con cualquier navegador.
La principal causa de estas diferencias es que los navegadores no usan los mismos valores, por defecto, de posicionamiento (márgenes, rellenos, etc.) para cada una de las etiquetas HTML. Esto se corrige normalizándolos mediante códigos reseteadores CSS.
La segunda causa está en las distintas versiones de los navegadores. Los más antiguos no soportan CSS, otros no admiten determinados códigos, etc. La solución suele ser usar una hoja de estilos aparte.
Finalmente se dan casos, muy raros, en los que una misma versión produce resultados distintos de una máquina a otra (por ejemplo, con diferente sistema operativo). Aquí ya no es sencillo encontrar la causa, siendo necesario realizar un estudio sobre el problema.
Es útil contar con unas herramientas adecuadas, que nos informen sobre los valores usados y que permitan modificarlos, observando los resultados en tiempo real. De esta forma se puede averiguar si el navegador está ignorando alguno, y por qué.
Firefox
Firefox dispone de los complementos: Web Developer y Firebug.
Web Developer permite, entre otras cosas: desactivar características de navegación, mostrar estilos CSS, y validar el código.
Firebug muestra las propiedades y maquetación de una etiqueta en concreto, señalando una zona en la pantalla o en el código, pudiendo aplicar cambios y observar los resultados.
Internet Explorer
Para ver una misma web en diferentes versiones del Internet Explorer existen aplicaciones como IETester.
Una herramienta para este navegador parecida a Firebug, pero muy limitada, es DebugBar. También existe un java script llamado Firebug Lite, que añadido al código de la página a examinar, muestra una ventana similar al complemento de Firefox.
Las últimas versiones de Internet Explorer vienen con unas utilidades, a las que se accede con la tecla F12, o desde el menú Herramientas, Herramientas de desarrollo.
Se despliegan en la zona inferior de la ventana, al estilo Firebug, pero a diferencia de este, la barra superior de menús se corresponde con las funciones de Web Developer e IETester (Modo de explorador), que permite ver la web desde la versión 7, en adelante (además de un modo de compatibilidad con IE7).
Microsoft desaconseja totalmente el uso de la versión 6, al ser un navegador incompatible con los estándares actuales, recomendando su inmediata sustitución por uno más actual. Por esta razón no aparece el modo IE6.
Si es casi normal que la página web se vea de una forma en Mozilla y se vea de otra en internet Explorer, causa de esto puede ser que Explorer y Mozilla no son compatibles, por lo cual si en un navegador la página se ve bien acomodada en el otro puede estar descuadrada. Todo es cuestión de elegir el navegador que se adapte al tamaño del sitio web.
ResponderEliminarMaquetacion web