Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de Página con tamaño 100%, en cualquier resolución en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 06/12/2005, 12:45
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.462
Antigüedad: 15 años, 4 meses
Puntos: 2100
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?
__________________
Twitter: @zinhard

Tengo una web donde hago lo que quiero.
  #2 (permalink)  
Antiguo 06/12/2005, 13:43
Avatar de marioStudios
Colaborador
 
Fecha de Ingreso: octubre-2005
Ubicación: Chiapas; México.
Mensajes: 1.625
Antigüedad: 12 años, 1 mes
Puntos: 211
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.
__________________
Diseño Gráfico Digital - Fotomontajes - marioStudios
Debes Mat 6:33 con Heb 11:1, DLB. Luc 2:14!!!
  #3 (permalink)  
Antiguo 06/12/2005, 14:41
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.462
Antigüedad: 15 años, 4 meses
Puntos: 2100
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.
__________________
Twitter: @zinhard

Tengo una web donde hago lo que quiero.
  #4 (permalink)  
Antiguo 06/12/2005, 15:53
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 2 meses
Puntos: 1
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.
  #5 (permalink)  
Antiguo 06/12/2005, 16:14
Avatar de RoQ
RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 771
Antigüedad: 12 años, 8 meses
Puntos: 0
de repente alguno de estos modelos te puede ayudar
http://www.intensivstation.ch/en/templates/
  #6 (permalink)  
Antiguo 06/12/2005, 17:12
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 2 meses
Puntos: 1
Hola a todos, hola RoQ.

Buena la aportación.

Otro sitio interesante: http://www.cssliquid.com/
  #7 (permalink)  
Antiguo 07/12/2005, 12:29
 
Fecha de Ingreso: diciembre-2001
Ubicación: Málaga
Mensajes: 328
Antigüedad: 16 años
Puntos: 0
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
  #8 (permalink)  
Antiguo 07/12/2005, 15:02
Avatar de RoQ
RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 771
Antigüedad: 12 años, 8 meses
Puntos: 0
De nada pero el credito es de Diseñorama y sus links semanales, de ahi saque el enlace
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:59.