[SOLUCIONADO] problema desbordamiento con dos div absolute

0greco0 · #1 (**permalink**) 20/02/2013, 02:08

buen dia mi pregunta es si hay alguna propiedad en css o a lo mejor yo lo estoy haciendo mal pero quiero poner 2 div absolute, por ciertas razones tiene que ser asi.
el primer div tiene un height 120 px y el segundo quiero que abarque lo que sobra el problema es que si le pongo height 100% se sobrepasa aqui va el ejemplo.

<html>
<body>
<div style="position:absolute;top:0;left:0;height:120px ;width:100%;background-color:red;">
</div>
<div style="position:absolute;top:120px;left:0;height:1 00%;width:100%;background-color:blue;">
</div>
</body>
</html>

a lo que entiendo el segundo div toma el height completo y luego lo desfasa 120px, por eso es que se desborda esa cantidad de px. no se si habra alguna manera de que sea con css sin usar calc(100% - 120px) o expression ya que intente usarlos en ie y no me funcionaron, se como solucionarlo con html o javascript pero de prefencia quisiera saber si existe alguna propiedad css, de antemano muchas gracias por la ayuda que puedan proporcionarme.

pzin · #2 (**permalink**) 20/02/2013, 03:37

No especifiques altura al segundo div, con asignarle un top y luego un bottom a cero tomará la altura necesaria.

Código CSS:

Ver original#segundodiv {
  position: absolute;
  top: 120px;
  bottom: 0;
}

0greco0 · #3 (**permalink**) 20/02/2013, 05:22

jajaja ni que decir mas que muchas gracias efectivamente es tan ovio ya viendolo asi y la verdad no se me habia ocurrido.

pzin · #4 (**permalink**) 20/02/2013, 05:26

Cita:

Iniciado por 0greco0

jajaja ni que decir mas que muchas gracias efectivamente es tan ovio ya viendolo asi y la verdad no se me habia ocurrido.

Eso mismo pensarían los del huevo de Colón.

0greco0 · #5 (**permalink**) 20/02/2013, 20:08

creo que me emocione demaciado pronto no funciona en IE