Ver Mensaje Individual
  #4 (permalink)  
Antiguo 05/02/2016, 11:03
Avatar de mbm150
mbm150
 
Fecha de Ingreso: enero-2013
Ubicación: Muskiz
Mensajes: 79
Antigüedad: 11 años, 3 meses
Puntos: 21
Respuesta: Completar altura de página

Hola

si los elementos superiores tienen alturas fijas, podrias hacerlo con css.

No se como lo tienes montado pero seria algo asi.

Código CSS:
Ver original
  1. html, body{
  2.   position: relative;
  3.   overflow: hidden;
  4.   width: 100%;
  5.   height: 100%;
  6.   margin: 0px;
  7. }
  8. #wrapper{
  9.   position: relative;
  10.   height: 100%;
  11.   overflow: auto;
  12.   background-color: yellow;
  13. }
  14. header, main{
  15.   height: 50px;
  16. }
  17. footer {
  18.     background: #1a1a1a;
  19.     display: block;
  20.     padding: 65px 45px 45px 45px;
  21.     box-sizing: border-box;
  22. /*En esta funcion hay que restarle al 100% la altura del resto de elementos y margenes, en este caso solo son los dos elementos superiores de 50px*/
  23.     height: calc(100% - 50px - 50px);
  24. }
  25. .logo2 {
  26.     width: 30%;
  27.     background-image: url('../images/logo-2.png');
  28.     background-position: center center;
  29.     background-repeat: no-repeat;
  30. }
  31. footer > p {
  32.     width: 70%;
  33.     margin: 0px;
  34.     font-family: 'Arial';
  35.     font-size: 21px;
  36.     color: white;
  37. }

Si pruebas esto en un archivo deberia funcionar.

Saludos.
__________________
Juego del Ahorcado