Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/01/2010, 03:19
trhipahx
 
Fecha de Ingreso: septiembre-2006
Mensajes: 233
Antigüedad: 17 años, 6 meses
Puntos: 0
Encabezado y pie fijos

Hola
He buscado por internet la forma de hacer un encabezado y pie de página que se queden fijos mediante css-
He encontrado lo siguiente en http://limpid.nl/lab/css/fixed/header-and-footer

<style type="text/css">
body{
margin:0;
padding:header-<length> 0 footer-<length> 0;
}
div#header{
position:absolute;
top:0;
left:0;
width:100%;
height:header-<length>;
}
div#footer{
position:absolute;
bottom:0;
left:0;
width:100%;
height:footer-<length>;
}
@media screen{
body>div#header{
position:fixed;
}
body>div#footer{
position:fixed;
}
}
* html body{
overflow:hidden;
}
* html div#content{
height:100%;
overflow:auto;
}
</style>
<div id="header"> header </div>
<div id="footer"> footer </div>
<div id="content"> content </div>

He probado a cambiarlo un poco reduciendo lineas y en Firefox me funcioa.
¿alguien me puede decir si mi código es válido(a lo mejor fallo con alguna versión de IE)?
Otra pregunta ¿se pueden tener instaladas en el mismo disco duro la distintas versiones IE5,6,7y 8?¿de donde las puedo sacar?
Gracias.
<style type="text/css">
body{
margin:0;
padding:header-<length> 0 footer-<length> 0;
}
div#header{
position:fixed;
top:0;
left:0;
width:100%;
height:header-<length>;
}
div#footer{
position:fixed;
bottom:0;
left:0;
width:100%;
height:footer-<length>;
}


</style>
<div id="header"> header </div>
<div id="footer"> footer </div>
<div id="content"> content </div>

Última edición por trhipahx; 29/01/2010 a las 04:25