[SOLUCIONADO] ¿Como calculo la altura en porcetaje si tengo elementos con la altura en píxeles?

[GekoDH]

Hola, pues tengo este problema, a ver si consigo explicarlo:

La página no puede tener scroll vertical, tiene que ocupar el 100% de la ventana y no más.

Si yo al footer y al menú superior le doy 40px de altura a cada uno, ¿como calculo luego la altura en tanto por ciento para el contenido para que este se adapte?

Si le doy 100% al sumarle los 80px eso es más del 100%, y si le doy un 90% igual es poco dependiendo de la resolución...

Saludos.

[pzin]

Usa calc().

Código CSS:

#contenedor {
  height: calc(100% - 120px);
}
 

El espacio entre el operador y ambos valores es obligatorio para sumas y restas, no así para multiplicaciones y divisiones.

[GekoDH]

Oh, qué pasada, no tenía ni idea de que existía esa función.

Muchísimas gracias.