LLevo unos dias buscando y no consigo hacer que la cabecera y el pie de pagina se queden siempre visibles cuando el contenido ocupa mas que lo q muestra la pantalla.
He visto varias opciones pero la web se me vuelve loca si le pongo posiciones relativas.
Lo mas q he conseguido es q aparezca el pie de pagina en la pantalla, pero cuando realizo el scroll el pie sube como si un contenido mas fuera, quedando abajo de el el resto del contenido que no se visualizaba. Os dejo el codigo css x si sabeis decirme q le puedo añadir.
Código:
BODY {
background-color:#ffffff;
background-image:url(imagenes/fondocabec.jpg);
background-repeat:repeat-x;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #666666;
margin : 0px 0px 0px 0px;
text-align: center;
}
#contenedor{
width: 910px;
height:100%;
margin: auto;
}
#cabecera{
width:910px;
height:130px;
}
#contenido{
width:910px;
border-top: 2px solid #F07800;
margin-top:2px;
}
#pie{
width:910px;
height:100px;
background-image:url(imagenes/fondopie.jpg);
position:absolute;
bottom:0px;
display:block;
}
Como podeis ver el ancho de la pagina es fijo a 910px y esta centrado
muchas gracias!!