Entrar

Como Ajustar la página a distintas resoluciones.

RiK · · Solicitar retirada
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.
manmanu · · Solicitar retirada
Hola,
prueba con el width:100%.
Puedes conseguir buenos resultados.

manmanu
Mikel L · · Solicitar retirada
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 · · Solicitar retirada
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 :shock:

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. :wink:
manmanu · · Solicitar retirada
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 · · Solicitar retirada
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 · · Solicitar retirada
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. :cry: :wink:
Saludos.

Huberto
car8710 · · Solicitar retirada
Cópiate esto justo antes de la etiqueta </body>

    <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!
Victor2 · · Solicitar retirada
Bueno, veo que este hilo es viejo. Pero aun asi, para no abrir otro y molestar.
He buscado por todo internet y llevo un buen rato en ello. Estoy creando mi primera pagina web ya de las buenas con php, javascript,css, html5... etc
Y bueno me queda de momento bien, pero cambio a mi ordenador fijo que tiene otra pantalla, y se me mueve TODO el menu de arriba. Voy a internet explorer y me sale el doble de grueso. Me voy a Opera y cosas raras. Me voy a Mozila y tambien.

Y bueno he pensado que podria ayudar a alguien si lee esto. Pues para que quede bien, te tienes que encargar de DOS cosas muy importantes.

La primera, dejar el codigo html muy limpio, todo claro y simple. Por lo que he decidido empezar de nuevo mi pagina para no meter basura por medio ^^
Tiene que quedar todo bien claro. Os pasaria un link, pero supongo que sera spam. Asi que si alguien le interesa que me lo diga. Ademas de dejar todo limpio, en los estilos css tienes que poner los pixeles de cada capa de cada foto para asi dejarle una dimension exacta. Eso si, tienes que dejar espacio entre las capas o lo que sea, por si explorer calcula la letra con mas tamaño y te lo hace todo mas grande que no se te deforme.

La segunda cosa, ademas de dejar todo limpio, tienes que preocuparte no solo por los navegadores, sino por los monitores y su resolucion. Tienes que hacer algo que hasta para los notebooks funcione. Tal y como dice jorgens, haciendo la pagina de 800px por ejemplo.

Hay una pagina que he encontrado tambien que introduces tu direccion de la pagina y te informa de los errores que encuentra en el codigo. Es muy util.

Y por ultimo, los expertos como los creadores de facebook o tuenti, crean scripts que dependiendo la resolucion de la pantalla y el navegador te adapta la pagina a ti. Pero eso ya me parece demasiado complicado.

Bueno, espero no haber molestado en el hilo, pero ya que tenia buena informacion que dar para ayudar. La queria dar.

Ah! Y sobre todo, no se puede pedir ¿Que hago para que me vaya bien la web en todos los sitios? Tal y como lo hace jorgens en los cursillos. Es ir probando. Añadiendo etiquetas y yendo poco a poco. No es poner cuatro cosas y que derepente te aparezca la pagina web hecha. Se hace poco a poco.

Bueno un saludo a todos.