Ver Mensaje Individual
  #6 (permalink)  
Antiguo 07/11/2012, 06:49
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: contenido 100% height

Pero funciona para lo que preguntabas.

Yo haría algo más simple para conseguir lo que quieres, algo así:

Código CSS:
Ver original
  1. body,html,#content {
  2.   height:100%
  3. }
  4. #header,#footer
  5.   height: 100px;
  6.   background:red
  7. }
  8. #content{
  9.   position:relative
  10. }
  11. #footer{
  12.   position:absolute;
  13.   bottom:0;
  14.   width:100%;
  15. }
Código HTML:
Ver original
  1.    
  2.     <div id="content">
  3.  
  4.         <div id="header">
  5.             header
  6.         </div>
  7.  
  8.         Your content goes here
  9.        
  10.         <div id="footer">
  11.             Footer here
  12.         </div>
  13.        
  14.     </div>
  15.  
  16. </body>