problema con resolucion de pantalla

JoNhNaTaN · #1 (**permalink**) 08/09/2009, 12:41

Hola a todos eh hecho una pagina web en mi computadora portatil, su resolucion de pantalla es 1280x1024, pero sucede que al llevarla al cole, los monitores de éstas tienen una recolucion de 1024x768 y el diseño de mi pagina se desconfigura a su totalidad, trabajo con aplicaciones html y jsp y en los dos casos se desconfigura, tambien trabajo con con div y forlumarios, derrepente hay un codigo q puedo agregar par evitar esto; bueno parte del codigo que utilizo es este

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http: // www .w3. org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Código html:

Ver original<html xmlns="http: // www .w3 .org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<link href="estilos.css" rel="stylesheet" type="text/css">
<link href="imagen.css" rel="stylesheet" type="text/css">
<body>
<div id="contenedor">
</div>
</body>

espero me puedan ayudar, gracias de antemano... salu2 a to2

#2 (**permalink**) 08/09/2009, 12:47

No existe código "milagro" que te pueda solucionar el problema.
En principio debes asegurarte de estar usando código válido (tanto CSS como HTML) para evitar problemas extraños.
Luego ya tocará diseñar a 1024x768 (que es la resolución más usada), usando algunas medidas relativas en vez de absolutas previendo que la página pueda verse en otras resoluciones.

Saludos.

deirdre · #3 (**permalink**) 08/09/2009, 16:33

Hola JoNhNaTaN

Ojalá existiera ese "código milagro" que apunta AlvaroG... pero me temo que no.

Un buen sistema es diseñar un contenedor general que tenga 960 px de ancho (centrado en la pantalla) y ahí dentro organizar todos los elementos de tu página. Esto da un excelente resultado.

También puedes utilizar medidas en porcentajes, pero todo esto depende de cómo sea tu página y los elementos que la compongan.

Bye