No mover capa con la barra de desplazamiento

Wel · #1 (**permalink**) 30/03/2006, 20:47

Tengo este codigo, que en FF, funciona como yo quiero, pero en IE no... El caso es que hay una capa ("zona_inferior"), la que está de color verde, la cual quiero que permanezca fija en su posición, cuando mueva la barra de desplazamiento, y que el resto de capas si se muevan con la barra de desplazamiento...

O SEA SOLO OS PIDO ¿QUE TENGO QUE AÑADIRLE A ESTE CODIGO (que hace lo que yo quiero en FF) PARA QUE FUNCIONE EN IE?

Cita:

<HTML>
<HEAD>
<style>

html {
margin-top:0px;
margin-left:0px;
background-color:black;
}

div#zona_contenidos {
position:absolute;
top: 10px;
left: 10px;
width: 550px;
text-align: center;
background-color: #ccc;
padding-bottom: 50px;
color:red;
}

div#zona_menus {
position:absolute;
top: 10px;
left: 570px;
width: 230px;
height: 300px;
background-color: #eee;
}

div#zona_inferior {
bottom: 0px;
left: 5px;
width: 800px;
height: 50px;
margin-left: auto;
margin-right: auto;
position: fixed;
_position:absolute; /* para quedar fija la capa en IE */
background-color: #040;
border-top: 2px solid #006600;
border-right: 2px solid #006600;
border-left: 2px solid #006600;
z-index:10;
}
</style>
</HEAD>

<BODY>
<div id=zona_contenidos>
-----------INICIO---------- ------------MEDIO----------- -------------FIN------------
</div>

<div id=zona_menus>
<center>ZONA MENUS</center>
</div>

<div id=zona_inferior>
<center>ZONA INFERIOR</center>
</div>
</BODY>
</HTML>

MUCHAS GRACIAS DE ANTEMANO!!

smokecitizen · #2 (**permalink**) 02/04/2006, 21:54

Aquí puedes encontrar muchso ejemplos que te ayudarán

http://limpid.nl/lab/css/fixed/footer

De hecho el enlace que te doy es precisamente el del footer, ojalá te sirva.

Saludos