ejdesigner

Todos somos conscientes que para realizar una correcta maquetación de la página web, es necesario previsualizar la web en diferentes navegadores. A día de hoy, recomendamos utilizar IE6/7, Firefox 2 y para MAC Safari.

Seguramente todos nos hemos encontrado en la típica situación en que en un navegador todos los elementos de la página se visualizan correctamente y en cambio en otro se nos descuadran.

Para reducir el riesgo de que nos pase esto, existen diferentes instrucciones, personalemente recomendamos añadir esta instrucción al principio de nuestro documento css:

*{margin:0;padding:0}

CSS

Para todos aquellos que os esteis iniciando en el mundo de la maquetación os puede surgir más de una duda en cuanto a la propiedad height. Si añadimos la propiedad width:100% a cualquier elemento de la página web, automáticamente este ocupa el 100% del ancho de la ventana del navegador. Pero si hacemos lo mismo con la propiedad height esto no funciona. Esto es debido a que previamente hemos de especificarle a nuestro documento que tanto el documento html, como el body ocuparán también todo el alto de la ventana del navegador.

En resumen, para conseguir esto hay que añadir las siguientes instrucciones:

html, body {height:100%}

CSS