2011-09-09 12 views
5

quiero hacer algo como esto: enter image description hereCSS: posición del pie de página absoluta o relativa según el tamaño del contenido?

En el caso 1: altura del contenido es más pequeña que la ventana. En el caso 2: la altura del contenido es mayor que la ventana, y los desplazamientos muestran,

Mi problema es que el contenido se cambia dinámicamente. Por lo tanto, a veces la altura de .cont es mayor que la altura de la ventana. Y luego, .foot debería estar debajo de .cont.

Si fijo el código

<html> 
<head> 
<style type="text/css"> 
.cont{ 
    margin:0 auto; 
    background-color:#333; 
    width:800px; 
    height:500px; 
} 
.foot { 
    position:absolute; 
    left:50%; 
    margin:0 0 0 -400px; 
    background-color:#F33; 
    width:800px; 
    height:20px; 
    bottom:0px; 
} 
</style> 
</head> 
<body> 
    <div class="cont"></div> 
    <div class="foot"></div> 
</body> 
</html> 

me sale esto: enter image description here

Gracias por cualquier ayuda!

Respuesta

3

Si se puede modificar ligeramente el margen de beneficio, intente esto: http://ryanfait.com/sticky-footer/

+0

Muy Ayuda en pantalla completa, gracias mucho .... –

+2

Podría por favor agregue detalles relevantes de su enlace? Ya ha expirado; que es por lo general por qué las respuestas de solo enlace se eliminan del sitio. – Rob

Cuestiones relacionadas