Como Ajustar la página a distintas resoluciones.

**RiK** · 29/10/2009, 14:51

No sé si este tema está resuelto ya en otro hilo pero bueno.... necesito saber como se puede ajustar la página para que se vea por igual en distintas resoluciones de pantalla. No sé si me explico.

Gracias.

**RiK** · 03/11/2009, 08:25

Alguna idea?

**manmanu** · 11/11/2009, 20:15

Hola,
prueba con el width:100%.
Puedes conseguir buenos resultados.

manmanu

**Mikel L** · 11/11/2009, 21:40

es imposible que quede igual en todas las resoluciones

las imagene sno pueden cambiarse asi como asi asi que en resolucion mas baja, se veran mas grandes.

si lo cres oportuno, puedes hacer diferentes paginas iguales con distinas imagenes y poner enlaces a ellos... pero eso tp se detectaria automaticamente...

ni dea

**RiK** · 12/11/2009, 08:05

Ya probé lo del width:100% y no me funcionó; la verdad no sé porqué ya que lo suelen recomendar... posiblemente esté haciendo algo mal, aunque no entiendo porqué no funciona

También he probado a utilizar porcentajes en las medidas pero las imágenes no se adaptan al tamaño necesario.

Como dices Mikel se puede hacer distintas páginas para distintas resoluciones y utilizar un script para que detecte la resolución de cada usuario, pero me parece un método demasiado tedioso. Seguro que no hay una forma más fácil? Las webs generalmente se ven igual en cualquier resolución...

Gracias por la ayuda.

**manmanu** · 12/11/2009, 21:06

Hola para no encontrar muchos problemas,
puedes hacer lo que jorgens en el curso te ofrece, una medida fija que funciopna muy bien.
Mucha gente lo hace.

Como te comente una solución a tu pregunta es el ancho 100%.
Pero desde luego despues hay que saber hacer para conseguir un buen trabajo.
Quizás tenga algo más de trabajo que la solución de hacer un sitio por ejemplo 800px-900px o 1000px.

No te pongo ejemplo, aunque lo prepare, despues de leer el comentario de mikel...he pensado que deberías probarlo.
Crea una capa div (o tabla), dale un porcentaje 100% al ancho en CSS y lo pruebas....

Si no te funciona como has comentado lo dices, e intento ponerte un ejemplo.

manmanu

**RiK** · 16/11/2009, 07:48

Hola manmanu, lo siento pero no sé que es lo primero que me dices que escribió jorgens, no lo he encontrado por ninguna parte...

Respecto a lo del div, te refieres a encuadrar la página en un div y ponerle el width al 100% ? no lo he entendido muy bien...

**HUBERTO DOMINGUEZ** · 21/01/2010, 13:27

Buenas compañeros, me encuentro en el mismo caso que Rik, ya que dependiendo de en que pc pruebo mi pagina, se ve completa, pequeña o hay que ir desplazandose con las barras de los laterales para ver todo el contenido, lo cual hace muy feo, sobre todo en el movimiento lateral, no tanto arriba y abajo, que parece que estamos mas acostumbrados.

A ver si algún compañero continua este post con una esplicación lo mas simple o clara posible que yo al menos estoy muy muy verde en esto, soy muy novatillo.

Gracias.

**gjulian** · 29/01/2010, 22:25

Aqui lo podeis encontrar:
http://www.comocreartuweb.com/phpBB2...tml&highlight=

**car8710** · 05/02/2010, 01:29

Cópiate esto justo antes de la etiqueta </body>

Código:

    <script type="text/javascript">
    Sys.Application.add_load(page_load);
    
    function page_load()
    {
	    if (screen.width=="1024")
	    {
            document.getElementById("Id").style.marginLeft = "94px";
        }
    }
    </script>

Este ejemplo cambia el margin-left de un elemento si el ancho de la resolucion es 1024. Tú cambia el 1024 por lo que quieras.

Donde pone "Id" pon entre comillas la id del elemento que quieres modificar segun la resolucion.

Y donde pone marginLeft lo cambias por lo que quieras (marginTop, marginBottom...).

Nose que propiedad necesitas cambiar, si no te funciona di cosas ;)

Saludos y suerte!