Queridos compañeros forenses . . tengo un gran tema que resolver . . .
la imagen que van a ver abajo
se divide en tres partes . .
-------------------------------------
ROJO : es la pantalla completa de la web
--------------------------------------
VERDE : es una div que yo quiero que quede fija, en este caso para ser mas preciso la div tiene 400px por 50px de alto.
Lo que necesito hacer es lo siguiente, que esta div verde de 400 x 50 mas 20 de margen de arriba y abajo, sean inmobiles por mas que se escrolee la pagina y que cuando se escrolee la parte celes y blanca pase por debaje de la div verde.
---------------------------------------
CELESTE Y BLANCO: otra div que encierra todo el contenido de la web
--------------------------------------
Para esto hice lo siguiente
en el body puse el fondobg image
luego cree tres div´s: 1 - div_contenedora . . . 2 - div_fija . . . 3 - div_contenido
<body>
<div id="div_contenedora">
<div id="div_fija"> ( tiene que quedar fija )
<div id="div_contenido"> ( cuando se escrolea, tiene que pasar por debajo de la div fija )
</div>
</div>
</div>
</body>
------------------
CODIGO CSS
#page {
text-align: right;
margin: 0px 0px;
width: 400px;
}
#menu_fijo {
text-align:left;
width: 400px;
height: 50px;
padding:0;
margin:15px 0px 15px 0px;
}
div_contenido {
width: 400px;
padding:0;
margin:0;
background: #99FF00;
}
algunos me dijeron que se hace con fixed y relativa, pero nadie me supo explicar como aplicarlo a ambos estilos (fijo y contenido)
si alguien me peude ayudar le agradezco mucho . .
desde ya mucgas gracias
LEo