Jump to content

Problemas con las distintas resoluciones de pantalla


Recommended Posts

Saludos

soy nuevo aca y llevo un tiempo programando con HTML y CSS el problema es que genere un sitio, todo con Posicionamiento Absoluto en un monitor cuya resolucion era de 1200 y algo de ancho entonces siempre se me vio bien hasta que lo subi y en monitores de menor resolucion se me fue a la xaxu el trabajo, aparecio cortado y sin barras de desplazamiento siquiera, tengo entendido que el problema es por el posicionamiento Absoluto, entonces la duda es si existe una manera de solucionar este problema que no sea hacer el sitio de nuevo o algun script, como por ejemplo uno que muestre el sitio a su 90% cosa de que se vea entero, claro, de no haber otra solucion.

 

Saludos y les agradecere todo tipo de ayuda

 

GRACIAS!!! :banana: :banana:

Link to comment
Share on other sites

Creo q cambiando el absolute por relative....por ahi anda el cuento... o podrias hacerlo con este script

<script language="JavaScript">

 

 

if (screen.width + "x" +screen.height == "640x480") location.href="pagina640x480.htm"

 

 

if (screen.width + "x" +screen.height == "800x600") location.href="pagina800x600.htm"

 

 

if (screen.width + "x" +screen.height == "1024x768") location.href="pagina1024x768.htm"

 

 

</script>

 

Aunke es una paja XD.... saludos cumpa wariano.

Link to comment
Share on other sites

Creo q cambiando el absolute por relative....por ahi anda el cuento... o podrias hacerlo con este script

<script language="JavaScript">

 

 

if (screen.width + "x" +screen.height == "640x480") location.href="pagina640x480.htm"

 

 

if (screen.width + "x" +screen.height == "800x600") location.href="pagina800x600.htm"

 

 

if (screen.width + "x" +screen.height == "1024x768") location.href="pagina1024x768.htm"

 

 

</script>

 

Aunke es una paja XD.... saludos cumpa wariano.

 

Primero que todo esto va en webmaster, segundo como dice el cumpita de arriba, es una manera, lo mejor que te recomiendo yo es que trabajes a fondo tu css, si sabes de css y lo trabajas bien en tu pagina se vera igual con 640x480 como en 1024x768, te recomiendo tambien trabajes siempre con las resolucines de 800x600 o 1024x768, porque son los formatos mas usuados.

 

Saludos

 

y pide que muevan el tema para mejor orden del foro

 

Link to comment
Share on other sites

El problema en si no es si es absoluto o relativo, sino de la forma que pones el alto y el ancho.

 

EJ:

height: 400px; width: 100px;

 

Eso hace que en cualquier monitor se vea de 400 alto x 100 ancho

 

Pero si usas esto:

height: 90%; width: 100%;

 

Se mostrara al 90% del alto y 100 % de su ancho

 

Yo desde hace 1 año que ocupo 1280 x 800 como el estandar de resolucion

 

Imagina que haces una imagen de cabecera de 1280x200 px y luego la quieres ingresar a tu html el codigo seria

<div id="cabecera">
<img src="cabecera.jpeg" WIDTH=100% HEIGHT=100% BORDER=0>
</div>

 

Con el codigo anterior si abro la pagina en una resolucion de 800X600 me mostrara una cabecera de 800X200

Si abro la pagina en una resolucion de 1280X800 me mostrara una cabecera de 1280X200

Si abro la pagina en una resolucion de 1440X960 me mostrara una cabecera de 1280X200

 

Espero que te ayude a encontrar la respuesta que necesitas.

 

Saludos.

 

PD: En CSS es importante definir si algo es absoluto o relativo, sobre todo para menus o diagramacion de la pagina o cosas asi

Link to comment
Share on other sites

Wow increible, no sabia eso, intentare y te cuento como me fue

pero de resultar te agradeceria demasiado el salvarme el trabajo jojojo

 

saludos y reitero mis agradecimientos :banana: :banana: :banana:

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...