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