Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 06-dic-2005, 11:45   #1 (permalink)
Bonez tiene algunos puntos positivos de karma
 
Avatar de Bonez
 
Fecha de Ingreso: noviembre-2002
Mensajes: 2.044
Enviar un mensaje por ICQ a Bonez
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?
Bonez está desconectado   Responder Citando
Antiguo 06-dic-2005, 12:43   #2 (permalink)
marioStudios está en el buen camino
 
Avatar de marioStudios
 
Fecha de Ingreso: octubre-2005
Ubicación: Muy bonito y agra!!! jejeje--Chiapas; México.
Mensajes: 437
Enviar un mensaje por MSN a marioStudios
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 hay mejor porvenir, que venir por lo mejor!!! jejeje:si: :-D
marioStudios está desconectado   Responder Citando
Antiguo 06-dic-2005, 13:41   #3 (permalink)
Bonez tiene algunos puntos positivos de karma
 
Avatar de Bonez
 
Fecha de Ingreso: noviembre-2002
Mensajes: 2.044
Enviar un mensaje por ICQ a Bonez
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.
Bonez está desconectado   Responder Citando
Antiguo 06-dic-2005, 14:53   #4 (permalink)
Jorolo no se puede cailificar en este momento
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
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.
Jorolo está desconectado   Responder Citando
Antiguo 06-dic-2005, 15:14   #5 (permalink)
RoQ
RoQ está en el buen camino
 
Avatar de RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 763
de repente alguno de estos modelos te puede ayudar
http://www.intensivstation.ch/en/templates/
RoQ está desconectado   Responder Citando
Antiguo 06-dic-2005, 16:12   #6 (permalink)
Jorolo no se puede cailificar en este momento
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Hola a todos, hola RoQ.

Buena la aportación.

Otro sitio interesante: http://www.cssliquid.com/
Jorolo está desconectado   Responder Citando
Antiguo 07-dic-2005, 11:29   #7 (permalink)
¿es a mi? está en el buen camino
 
Fecha de Ingreso: noviembre-2002
Ubicación: Málaga
Mensajes: 328
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
¿es a mi? está desconectado   Responder Citando
Antiguo 07-dic-2005, 14:02   #8 (permalink)
RoQ
RoQ está en el buen camino
 
Avatar de RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 763
De nada pero el credito es de Diseñorama y sus links semanales, de ahi saque el enlace
RoQ está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 02:19.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93