Errores de medidas con div

[kfh1992]

Hola gente !!

Vereis tengo un problema y es el siguiente

<div id="content">
<div id="header">
Header
</div>
<div id="contenido" >
Contenido
</div>
<div id="footer">
Footer
</div>
</div>

el css

body{
margin:0px;
height:0px;
width:100%;
height:100%;
}
#header{
width:100%;
height:250px;
background-color:green;
color:red;
}
#contenido{
background-color:orange;
}
#footer{
width:100%;
height:60px;
position:absolute;
bottom:0px;
background-color:red;
}

Resulta que lo que quiero es que el div que se llama contenido ocupe todo el espacio resante de la pagina.



Es el de color amarillo ! Gracias :)

[pzin]

Podrías hacerlo usando calc().

Código CSS:

div#contenido {
  height: -webkit-calc(100% - 310px);
  height: calc(100% - 310px);
}
 

310 es la suma de 250 y 60.

Para Chrome y Safari hay que añadir -webkit- porque no lo soporta sino —aunque si lo hará en la siguiente versión estable. En IE funciona a partir de IE9.

[kfh1992]

Hola , no me hace ningun efecto :/ me podrías decir donde va con el código que os he pasado :) Gracias :D:D