Foros del Web » Creando para Internet » CSS »

No mover capa con la barra de desplazamiento

Estas en el tema de No mover capa con la barra de desplazamiento en el foro de CSS en Foros del Web. Tengo este codigo, que en FF , funciona como yo quiero, pero en IE no... El caso es que hay una capa (" zona_inferior "), ...
  #1 (permalink)  
Antiguo 30/03/2006, 20:47
Avatar de Wel
Wel
 
Fecha de Ingreso: marzo-2003
Mensajes: 77
Antigüedad: 14 años, 8 meses
Puntos: 0
Mensaje No mover capa con la barra de desplazamiento

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----------<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br><br><br><br><br><br><br><br><br><br> <br>------------MEDIO-----------<br><br><br><br><br><br><br><br><br><br><br><br><b r><br><br><br><br><br><br><br><br><br><br><br><br> <br>-------------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!!
  #2 (permalink)  
Antiguo 02/04/2006, 22:54
 
Fecha de Ingreso: mayo-2003
Mensajes: 40
Antigüedad: 14 años, 7 meses
Puntos: 1
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
__________________
| Smoke citizen
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 13:24.