Como sabrás, los monitores suelen poder configurarse a distintas resoluciones (número de píxeles en pantalla), siendo las más comunes 800x600 y 1024x768. Si trabajas con esta última configuración, es fácil que a tu página se le "estropee" el diseño en pantallas que utilizen la primera. Para estar seguro que esto no ocurra, la solución más sencilla y eficaz es utilizar tablas de 780 píxeles de ancho, por ejemplo con este código:
<table width="780" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>contenido de tu página</td>
</tr>
</table>
Otro truco utilizable, es redireccionar tus visitantes según la resolución detectada (se necesita un navegador versión 4 o posterior). Este es el código necesario, que tendrás que poner entre las etiquetas <head> y </head> de tu página principal:
<script language="JavaScript">
<!--
if (screen.width >= 1024)
document.location='http://www.tusitio.com/pagina1024x768.htm';
else
document.location='http://www.tusitio.com/pagina800x600.htm';
// -->
</script>
donde por supuesto puedes reemplazar "pagina1024x768.htm" y "pagina800x600.htm" por páginas diseñadas para las relativas resoluciones..
Usuarios que han visto este tema también han visto...
- Efectos Rollover
- Botones de radio en Javascript
- Las funciones Javascript mas utiles
- Redirección con JavaScript
- Objetos en JavaScript
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2011 Factoría de Internet S.L.. Todos los derechos reservados.