Página con tamaño 100%, en cualquier resolución
 

Muy buenas.

Estoy empezando con una página, y quisiera que pudiera verse en la pantalla del explorador a tamaño completo; al 100%.

Supongo, que poniendo una capa con width de 100%, ya está. Pero luego, las capas "interiores" por así decirlo, algunas las tendré que trabajar con el tamaño en píxeles, por ejemplo la típica cabecera con el logo, y éste no tiene que crecer, así que tengo que poner esta capa en píxeles. Pero alguna que crezca lateralmente, supongo que en porcentaje. Es un ejemplo esto, que pasaría con mil cosas mas de la página.

¿Alguien sabe de algún tutorial sobre este tema?

Quiere que conserve siempre el tamaño de pantalla? colocalo en una tabla y especifica de que tamaño lo quieres;
ejemplo:
si lo necesitas de 800*600, pues que la tabla mida un width="713px" y si lo quieres de 1024*768, entonces que sea de width="1002px".
Obio que si quieres abarcar todas las pantallas, lo mas simple es hacer dos webs una para cada resolución, si no tendrias que usar programacion en JS y CSS(juntos) para saber que resolucion tiene el que te visita y automaticamente se muestre la resolución indicada.

No quiero usar tablas.
Tampoco quiero usar javascript.
Y, al contrario que tú, veo complicado hacer de una página, varias para cada resolución.

Supongo que tendré que abrirme la cabeza. :golpeado:

Hola a todos, hola BoNeZ.

Lo de las resoluciones es un tema recurrente. Existen múltiples estrategias para afrontar el 'problema'. Algunas de las más tradicionales las ha comentado marioStudios.

Pero existe una manera radicalmente distinta de enfrentarse a las resoluciones, que consiste básicamente en ignorarlas.

Pregúntale a google por 'diseño líquido' y 'diseño flexible'. Estas tendencias se basan en un axioma básico irrefutable: tanto da la resolución, el 50% es siempre la mitad.
Pues eso tanto da la resolución, se puede escribir código para todas las resoluciones (no solo las principales) sin tener que pensar en ninguna en concreto.

¿Cómo? Escoges un par de componentes que tendrán dimensiones conocidas y a todo lo demás le aplicas dimensiones porcentuales y sobre todo valores relativos (em,ex... )

Aunque mejor que soltar un rollo es poner un ejemplo: http://www.w3.org/

Visualiza esta página, ahora juega con las dimensiones de la ventana del navegador, haz la ventana más estrecha, ahora más ancha, ahora..., verás que los contenidos es reposicionan automáticamente adaptándose a las dimensiones de la ventana, el contenido se adapta llenado el continente, como el agua en una botella, de ahí viene lo de líquido.

de repente alguno de estos modelos te puede ayudar
http://www.intensivstation.ch/en/templates/

Hola a todos, hola RoQ.

Buena la aportación.

Otro sitio interesante: http://www.cssliquid.com/

Genial RoQ, tu enlace demuestra que yo estaba muy equivocado en mi desesperación. Se pueden hacer cosas que se vean bien en todos los navegadores (bueno, en casi todos), aunque sea a costa del trabajo de otros que generosamente lo ceden y así podamos aprender todos.
He descargado algunos templates que voy a investigar.
Saludos:adios:

De nada pero el credito es de Diseñorama y sus links semanales, de ahi saque el enlace