[Ovillo] cabecera y pie, top y bottom

[Ramón Pravia Redondo]

Hola Jose

jose lopez escribió:

> -cuando el texto de la capa del contenido es corto y no hace que se 
> active
> el scroll del navegador, necesito que la cabecera permanezca totalmente
> pegada al tope superior y que el pie quede totalmente pegado al tope
> inferior. en el caso de que el texto de la capa contenido desborde y se
> active el scroll del navegador, la capa de contenido se estiraría y el 
> pie
> debería continuar pegado al bottom y la cabecera al top(no fixed)...


Bien, vamos por partes. Por un lado necesitas que el elemento contenedor 
tenga una altura del 100% de la pantalla cuando no tiene suficiente 
contenido, y se estire lo necesario cuando el contenido fuerce el scroll 
del navegador. Para eso, debes darle un min-height del 100% (height en 
el caso de IE), al tiempo que a los elementos html y body les das un 
height del 100%.

Luego, debes posicionar absolutamente la cabecera y el pie respecto del 
contenedor. Para ello debes posicionar el contenedor y aplicar 
position:absolute a los 2 elementos, colocándolos con top:0 y bottom:0 
donde quieres.


Saludos


-- 
Ramón
demasiado viejo para ser una joven promesa,
demasiado joven para ser una vieja gloria,  
pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web
http://simplelogica.net  #  (+34) 98 522 12 65
  
http://simplelogica.net/caoticoneutral/