Foros del Web » Creando para Internet » CSS »

Ajustar maquetación autimaticamente segun ancho de pantalla

Estas en el tema de Ajustar maquetación autimaticamente segun ancho de pantalla en el foro de CSS en Foros del Web. Recientemente he entrado ala pagina de adobe y he notado que la maquetación cambia dependiendo el tamaño (el ancho) de la ventana, restauré la ventana ...
  #1 (permalink)  
Antiguo 06/07/2011, 12:46
Avatar de nodream  
Fecha de Ingreso: septiembre-2003
Mensajes: 134
Antigüedad: 20 años, 7 meses
Puntos: 2
Ajustar maquetación autimaticamente segun ancho de pantalla

Recientemente he entrado ala pagina de adobe y he notado que la maquetación cambia dependiendo el tamaño (el ancho) de la ventana, restauré la ventana para hacerla mas angosta o mas ancha, y noté que si la ventana era angosta se veía de una forma y si era mas ancha se veía de otra forma. Aqui dejo las imaganes

Version Angosta (Click en la imagen para ver tamaño real)




Version extendida (Click en la imagen para ver tamaño real)





¿como se hace esto?
  #2 (permalink)  
Antiguo 06/07/2011, 13:07
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Ajustar maquetación autimaticamente segun ancho de pantalla

no he visto la pagina de adobe pero quizás este link te sea de ayuda

-> clic aquí

si observas la pagina demo hace algo similar a lo que mencionas con adobe
  #3 (permalink)  
Antiguo 06/07/2011, 16:22
 
Fecha de Ingreso: agosto-2009
Mensajes: 23
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Ajustar maquetación autimaticamente segun ancho de pantalla

necesitas investigar sobre diseños elasticos.

saludos.
  #4 (permalink)  
Antiguo 06/07/2011, 21:20
Avatar de nodream  
Fecha de Ingreso: septiembre-2003
Mensajes: 134
Antigüedad: 20 años, 7 meses
Puntos: 2
Respuesta: Ajustar maquetación autimaticamente segun ancho de pantalla

Cita:
Iniciado por Ag666 Ver Mensaje
no he visto la pagina de adobe pero quizás este link te sea de ayuda

-> clic aquí

si observas la pagina demo hace algo similar a lo que mencionas con adobe
Sí muchas gracias Ag666, es justo esto.

Cita:
Iniciado por valtimore1
necesitas investigar sobre diseños elasticos.
Valtimore1 es justo eso lo que estoy haciendo; investigando.
  #5 (permalink)  
Antiguo 07/07/2011, 09:39
 
Fecha de Ingreso: junio-2011
Mensajes: 4
Antigüedad: 12 años, 10 meses
Puntos: 1
Respuesta: Ajustar maquetación autimaticamente segun ancho de pantalla

Eso es manejar el control de flujo de la página ni más ni menos.

Si no quieres utilizar javascript, se trata de jugar con los tantos por ciento (%) junto con las propiedades max-width, min-width, max-height, min-height, float, clear...

Se puede hacer una adaptación dinámica sin necesidad de scripts... eso si, con mucha imaginación.

Aunque para mi gusto, estos diseños "elásticos" son muy engorrosos y susceptibles a fallos por una propiedad fuera de su sitio... para el resultado final que dan...

Un saludo.
  #6 (permalink)  
Antiguo 07/07/2011, 10:26
Avatar de nodream  
Fecha de Ingreso: septiembre-2003
Mensajes: 134
Antigüedad: 20 años, 7 meses
Puntos: 2
Respuesta: Ajustar maquetación autimaticamente segun ancho de pantalla

Cita:
Iniciado por pedro_delgado Ver Mensaje
Eso es manejar el control de flujo de la página ni más ni menos.

Si no quieres utilizar javascript, se trata de jugar con los tantos por ciento (%) junto con las propiedades max-width, min-width, max-height, min-height, float, clear...

Se puede hacer una adaptación dinámica sin necesidad de scripts... eso si, con mucha imaginación.

Aunque para mi gusto, estos diseños "elásticos" son muy engorrosos y susceptibles a fallos por una propiedad fuera de su sitio... para el resultado final que dan...


Un saludo.
A mi me ha parecido algo muy práctico. Pero me imagino que dependerá de las necesidades de cada quien.

creo que en este caso solucionarlo con javascript para cargar uno u otro archivo css dependiendo el ancho de la ventana es lo mejor, así evitas usar propiedades que no todos los navegadores interpreten bien, como nuestro amado IE por ejemplo.

Etiquetas: ancho, pantalla, tamaño
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 18:00.