Foros del Web » Creando para Internet » CSS »

Errores de medidas con div

Estas en el tema de Errores de medidas con div en el foro de CSS en Foros del Web. Hola gente !! Vereis tengo un problema y es el siguiente Cita: <div id="content"> <div id="header"> Header </div> <div id="contenido" > Contenido </div> <div id="footer"> ...
  #1 (permalink)  
Antiguo 24/03/2013, 05:09
 
Fecha de Ingreso: diciembre-2011
Mensajes: 414
Antigüedad: 13 años
Puntos: 1
Errores de medidas con div

Hola gente !!

Vereis tengo un problema y es el siguiente

Cita:
<div id="content">
<div id="header">
Header
</div>
<div id="contenido" >
Contenido
</div>
<div id="footer">
Footer
</div>
</div>
el css

Cita:
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 :)
  #2 (permalink)  
Antiguo 24/03/2013, 05:16
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: Errores de medidas con div

Podrías hacerlo usando calc().

Código CSS:
Ver original
  1. div#contenido {
  2.   height: -webkit-calc(100% - 310px);
  3.   height: calc(100% - 310px);
  4. }

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.
  #3 (permalink)  
Antiguo 24/03/2013, 14:33
 
Fecha de Ingreso: diciembre-2011
Mensajes: 414
Antigüedad: 13 años
Puntos: 1
Respuesta: Errores de medidas con div

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

Etiquetas: errores, imagenes, medidas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:04.