Foros del Web » Creando para Internet » CSS »

Posicion Fixed pero que dependa de la altura del div anterior

Estas en el tema de Posicion Fixed pero que dependa de la altura del div anterior en el foro de CSS en Foros del Web. Hola, tengo un gran problema, necesito hacer esto: Código: +-------------------------------------------------+ | div1 position fixed | +-------------------------------------------------+ | | | | | div2 position fixed | ...
  #1 (permalink)  
Antiguo 20/04/2010, 13:38
 
Fecha de Ingreso: octubre-2008
Mensajes: 4
Antigüedad: 16 años, 1 mes
Puntos: 0
Posicion Fixed pero que dependa de la altura del div anterior

Hola, tengo un gran problema, necesito hacer esto:
Código:
+-------------------------------------------------+
|                    div1 position fixed              |
+-------------------------------------------------+
|                                                                |
|                                                                |
|                    div2 position fixed              |
|                              con                            |
|                           overflow                       |
|                                                                |
|                                                                |
+-------------------------------------------------+
|                    div3 position fixed              |
+-------------------------------------------------+
creo que una "imagen" habla mas que mil palabras, pero lo que intento hacer es que los divs 1 y 3 sean estaticos y lo unico que se mueva sea el div 2, pero que este se posicione con respecto a la altura de div 1 y 3, ya que el contenido de todos es variable.

estos tres divs estan dentro de otro div que tiene position: fixed;

en este momento tengo mi codigo css asi: (estos divs estan dentro de otro)

Código HTML:
div{position: fixed}
div1{
top: 71px;
left: 100px;
right: 0px;
}
div2{
top: 180px;
left: 100px;
right: 0px;
bottom: 20px;
}
div3{
bottom: 0px;
left: 100px;
right: 0px;
height: 20px;
}
lo que quiero es eliminar ese "top: 180px" porque luego el contenido de div1 es de 20px de alto, entonces queda un espacio que se ve horrible.
quiero que div2 este pegado a div1 sin importar el tamaño de div1

porfavor! espero que exista alguna solucion, mi pagina se ve perfecta!!! solo por este pequeño detalle

Etiquetas: altura, fixed, posicion, anteriores
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 10:35.