Crear pagina para que se vea bien en todas las resoluciones

[ir3al]

Hola llevo muchos años en esto del HTML pero las paginas que he realizado han sido proyectos de curso y esas cosas y nos ponian siempre una resolucion para hacer la pagina, mi problema viene cuando cambiaba la resolucion yo para ver como se veia y se veia mal se descuadraba todo y esas cosas. Me gustaria saber que pautas tengo que llevar para que la pagina se vea en todas las resoluciones bien, centrada y mediante "capas" y tenga margenes a los lados, en resumidas cuentas que se vea como una pagina correctamente hecha. ¿Alguien me puede ayudar?

Un saludo.

[tapuntdesign]

No se puede, siempre habrá alguna resolución en la que el contenido overflowee. Aún así, tienes dos opciones:
-Utilizar medidas relativas e introducir poco contenido.
-Tener en cuenta que la resolución mínima hoy en día con cierto uso es la SVGA y también PAL, siendo ésta última la menos utilizada. Ambas resoluciones tienen una anchura similar (800 px aproximadamente). Y no obstante, la más utilizada sigue siendo la XGA (1024x768).

Deberías adaptarte a la mayoría y no pretender que la minoría te adapte a tí. Haz un site con una resolución horizontal de 750 píxeles y redirige aquellos dispositivos distintos a un navegador web de escritorio a un diseño alternativo.

Y bueno no tengo nada que decir. Aquí tienes algunos datos:

[ir3al]

¿Como puedo hacer para cuando se redimensione la ventana del navegador mi pagina web se ajuste a la ventana del navegador?

[interjsr]

Iniciado por ir3al

Hola llevo muchos años en esto del HTML pero las paginas que he realizado han sido proyectos de curso y esas cosas y nos ponian siempre una resolucion para hacer la pagina, mi problema viene cuando cambiaba la resolucion yo para ver como se veia y se veia mal se descuadraba todo y esas cosas. Me gustaria saber que pautas tengo que llevar para que la pagina se vea en todas las resoluciones bien, centrada y mediante "capas" y tenga margenes a los lados, en resumidas cuentas que se vea como una pagina correctamente hecha. ¿Alguien me puede ayudar?

Un saludo.

Lo siento porque no tengo la respuesta, es sólo para hacer fuerza porque a mí me pasa lo mismo.

[interjsr]

Bueno, en realidad yo uso una solución un poco bruta y si el proyecto no es muy grande, claro. Copio todas las páginas en diferentes carpetas y cada una de ellas será para una resolución. El index llama a una fucnión javascript que mire la resolucion de pantalla y según sea una u otra llama a un principal.html u otro y estos son los que empiezan las llamadas a una Carpeta u otra. Y claro..., vas cambiado la resolución de pantalla y codificando cada carpeta y con el ImageRisize puedes cambiar tamaño de las copias de las imagenes, y así poco a poco.

[Tedel]

Simplemente haz una web fluida, es decir, que el ancho del contenido se adapte al ancho de la pantalla del navegador.

Ejemplo: SmashingMagazine.com

¿Márgenes a los lados? Ponle márgenes al body.

Código:

body
{margin: 0 20px}