Siempre que se crea una página web hay que tener en cuenta que va a ser vistada por usuarios con monitores de distintos tamaños y con distintas resoluciones.

Es imposible hacer que una página se vea exactamente igual en todos los monitores de los usuarios que la visitan, pero hay que intentar que su visualización sea lo más parecida posible.

La resolución usada de forma más frecuente es la de 800x600, por lo que inicialmente habría que diseñar la página para dicha resolución. Es decir, habría que crear la página en un monitor con dicha resolución, para poder visualizar claramente cómo queda en el navegador, y distribuir el contenido de la página de la forma más adecuada.

Normalmente se utilizan tablas, ya que resultan muy útiles para distribuir el contenido de la página.

Como recordarás, el tamaño de las tablas puede ser definido en píxeles o en porcentaje. Cuando el tamaño de la tabla sea definido en píxeles, la tabla se verá del mismo modo independientemente del tamaño de la ventana del navegador. En cambio, cuando el tamaño de la tabla sea definido en porcentaje, la tabla se ajustará al tamaño de la ventana del navegador, lo cual implica que el contenido de la tabla se descuadrará.

Pulsa aquí para ver una página con tablas de tamaño fijo, en píxeles. Imagina que la página ha sido diseñada para visualizarse correctamente en un monitor pequeño de baja resolución, cuyo tamaño equivale al de la ventana del navegador que se ha abierto.

Si modificas el tamaño de la ventana, verás que las tablas son siempre del mismo tamaño. Esto tiene un gran inconveniente, ya que si maximizas la ventana del navegador (lo que equivaldría a visualizar la página en un monitor grande con alta resolución), a la derecha de las tablas aparecerá un gran hueco vacío.