Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/02/2016, 07:27
kenproxd
 
Fecha de Ingreso: agosto-2009
Mensajes: 349
Antigüedad: 15 años, 3 meses
Puntos: 8
Completar altura de página

Buenas,

Estoy desarrolando una página bastante sencilla que consta de un header, un slider y un footer.
El problema es que en pantallas altas queda un espacio en blanco al final ya que no cubre la totalidad del alto de ésta.

Lo que quiero hacer es que el footer (contenedor negro) cubra el alto de la página restante.
He probado con el típico height: 100% tanto en body como en footer pero no tengo resultado alguno. Espero puedan ayudarme. Las propiedades actuales del footer son las siguientes:

Código CSS:
Ver original
  1. footer {
  2.     background: #1a1a1a;
  3.     display: flex;
  4.     padding: 65px 45px 45px 45px;
  5. }
  6. .logo2 {
  7.     width: 30%;
  8.     background-image: url('../images/logo-2.png');
  9.     background-position: center center;
  10.     background-repeat: no-repeat;
  11. }
  12. footer > p {
  13.     width: 70%;
  14.     font-family: 'Arial';
  15.     font-size: 21px;
  16.     color: white;
  17. }

Además aclarar que no esta dentro de ninguna otra etiqueta.