Alinear verticalmente DIVS

[Pancho_Khan]

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.

[davidj]

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!!

[kseso?]

Iniciado por Pancho_Khan

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.

Iniciado por davidj

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

[Pancho_Khan]

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!!

[cristian_cena]

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 ;)

[kseso?]

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

[Caquilla23]

Iniciado por Pancho_Khan

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.

[jomaruro]

Hola:

Quizá en este enlace encuentren la solución.

Saludos.

[kseso?]

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