Cita:
Iniciado por MikiBroki Por otro lado, el código que me has facilitado no hace que el div de dentro crezca, se muestra el scroll del mismo modo que mi primer ejemplo.
Sí, en el ejemplo que puse el div de dentro sí crece, y el de fuera con él, sólo que limitados a 180px, que era lo que creía que pretendías (me equivoqué
)
Prueba a dejar sólo una frase y los dos div se reducirán a esa frase; aumenta el límite de 180 a 380px (por ejemplo), y verás que ambos crecen hasta ahí antes de salir el scroll.
Desgraciadamente no era lo que pretendías hacer, así que no ha servido de mucho.
Lo que ahora creo que querías hacer era esto:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>7</title>
<style>
#divContenedor { background-color: red;
position: relative;
width: 500px;
max-height: 380px;
overflow: auto;
height:expression(
this.scrollHeight > 380? "380px" : "auto" );
}
#divContenido { background-color: yellow;
width: 200px;
position: relative;
}
</style>
</head>
<body>
<div id="divContenedor">
<div id="divContenido">aaaaa<br />
<br />
aaaaa<br />
<br />
aaaaa<br />
<br />
aaaaa<br />
<br />
aaaaa<br />
<br />
aaaaa<br />
<br />
aaaaa<br />
<br />
aaaaa<br />
<br />
aaaaa<br />
<br />
aaaaa<br />
<br />
aaaaa<br />
</div>
</div>
</body>
</html>
Prueba a poner mayor y menor cantidad de texto. Ya dirás si funciona.
Mikel.