Foros del Web » Creando para Internet » CSS »

Alinear verticalmente DIVS

Estas en el tema de Alinear verticalmente DIVS en el foro de CSS en Foros del Web. Hola gente, debo hacer el siguiente caso y no se como: Un DIV el cual contiene dentro 3 DIVS en forma vertical. El tema radica ...
  #1 (permalink)  
Antiguo 25/08/2010, 19:58
 
Fecha de Ingreso: julio-2009
Ubicación: Montevideo, UY
Mensajes: 125
Antigüedad: 8 años, 4 meses
Puntos: 1
Pregunta Alinear verticalmente DIVS

Hola gente, debo hacer el siguiente caso y no se como:
Un DIV el cual contiene dentro 3 DIVS en forma vertical.
El tema radica que el primer div interior debe estar fijo con una alineación vertical tipo "top" el segundo, al medio y el tercero al fondo del contenedor...
Esto pasa porque la altura del div contenedor varia segun la página pero los 3 divs deben guardar esas caractristicas.

Muchas gracias por su ayuda.
Saludos.
  #2 (permalink)  
Antiguo 26/08/2010, 04:10
 
Fecha de Ingreso: octubre-2003
Ubicación: España
Mensajes: 1.023
Antigüedad: 14 años, 2 meses
Puntos: 16
Respuesta: Alinear verticalmente DIVS

A mi también me interesaría saber la solución...

Centrar verticalmente objetos con CSS es una tarea algo complicada (de momento), parece extraño que no existan instrucciones sencillas para centrar verticalmente (como con las tablas).

A ver si alguien sabe la respuesta (y que funcione en todos los navegadores) !!

Saludos!!
  #3 (permalink)  
Antiguo 26/08/2010, 07:23
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Alinear verticalmente DIVS

Cita:
Iniciado por Pancho_Khan Ver Mensaje
Hola gente, debo hacer el siguiente caso y no se como: ¿qué necesita, código o sugerencias?
Un DIV el cual contiene dentro 3 DIVS en forma vertical.
El tema radica que el primer div interior debe estar fijo con una alineación vertical tipo "top" defina fijo y top el segundo, al medio de qué? y el tercero al fondo del contenedor... ¿qué fondo? eje y o z
Esto pasa porque la altura del div contenedor varia segun la página ¿o el contenido de esos otros 3? pero los 3 divs deben guardar esas caractristicas.

Muchas gracias por su ayuda.
Saludos.
Cita:
Iniciado por davidj Ver Mensaje
A mi también me interesaría saber la solución... ¿con las mismas particularidades que el anterior? Si son otras diferentes, abra tema nuevo

Centrar verticalmente objetos con CSS es una tarea algo complicada (de momento), parece extraño que no existan instrucciones sencillas para centrar verticalmente (como con las tablas). ¿Seguro que es culpa de css? Revise la propiedad display y vertical-align

A ver si alguien sabe la respuesta (y que funcione en todos los navegadores) !! no coments

Saludos!!
Les recuerdo que esto es un foro, no una escribanía de códigos a la carta. Se facilita ayuda y sugerencias en base a lo que el interesado tiene ya realizado y se digna mostrar.

Atentamente
  #4 (permalink)  
Antiguo 26/08/2010, 09:44
 
Fecha de Ingreso: julio-2009
Ubicación: Montevideo, UY
Mensajes: 125
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: Alinear verticalmente DIVS

Gracias por tu atención en el tema Kseso.
Mi consulta fue porque tras buscar y buscar, lo que me parecía un problema sencillo se tornó en algo no tan sencillo.
Capaz que alguien ya lo había hecho y por eso pregunté.

Un saludo y muchas gracias!!
  #5 (permalink)  
Antiguo 26/08/2010, 09:54
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Alinear verticalmente DIVS

Para crear columnas debes primero crear un contenedor y luego anidar tantos elementos html como columnas desees, elementos que deben estar flotados y no deben superar el ancho del contenedor. Para equilibrar en alto las columnas puedes crear columnas falsas. Para simular un centrado vertical se puede trabajar con padding-top:valor; (display:table; no funciona del modo que espera davidj)

Saludos.

P/D: Como notarán, esta respuesta contiene solo links y una descripción de lo que más o menos imagino que puede servir, o lo que es lo mismo, sin código/esfuerzo de su parte es poca la ayuda que se puede brindar, ya que las respuestas seran muy generales sumado a que gratis no trabaja nadie. Va con buena onda ;)
  #6 (permalink)  
Antiguo 26/08/2010, 13:07
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Alinear verticalmente DIVS

Pancho_Khan:

El problema radica en mi, que no he comprendido exáctamente la estructura que pretende lograr. De ahí mis anotaciones en su comentario.

Si puede hacer una imagen con el diagrama de bloques (aunque sea con el paint) creo que ayudaría a que visualicemos sus intenciones.

Atentamente
  #7 (permalink)  
Antiguo 26/08/2010, 13:33
 
Fecha de Ingreso: agosto-2008
Mensajes: 49
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Alinear verticalmente DIVS

Cita:
Iniciado por Pancho_Khan Ver Mensaje
Hola gente, debo hacer el siguiente caso y no se como:
Un DIV el cual contiene dentro 3 DIVS en forma vertical.
El tema radica que el primer div interior debe estar fijo con una alineación vertical tipo "top" el segundo, al medio y el tercero al fondo del contenedor...
Esto pasa porque la altura del div contenedor varia segun la página pero los 3 divs deben guardar esas caractristicas.

Muchas gracias por su ayuda.
Saludos.
Creo que lo que quiere es un header fijo. Un div con contenido fluido (verticalmente) y un footer. Todo en vertical y centrado. Es lo que yo entiendo.

Yo centraría el contenedor con margin: 0 auto.
Pondría el header con una altura determinada.
El div contenedor sin altura (ésta vendrá determinada por el contenido).
Por último un footer con altura determinada.

No sé si así valdría.

Un saludo.

Última edición por Caquilla23; 26/08/2010 a las 13:41
  #8 (permalink)  
Antiguo 28/08/2010, 03:51
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Alinear verticalmente DIVS

Hola:

Quizá en este enlace encuentren la solución.

Saludos.

  #9 (permalink)  
Antiguo 28/08/2010, 07:37
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Alinear verticalmente DIVS

Elije:
http://bit.ly/ciHSu3
y que por estructuras que no sea. Sólo son unas 700+

Etiquetas: alinear
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 20:37.