Hola,
Tengo un problema a la hora de ajustar la altura de un div.
Tengo el siguiente esquema
Código:
<div id="content">
<div class="content-left">...</div>
<div class="content-right">...</div>
<div class="content-bottom2">
<div class="mask">
<ul>
<li><img src="images/..." /><h2>...</h2>
<li><img src="images/..." /><h2>...</h2>
<li><img src="images/..." /><h2>...</h2>
<li><img src="images/..." /><h2>...</h2>
<li><img src="images/..." /><h2>...</h2>
</ul>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="footer">...</div>
Los estilos de los "content-" són float:left, pero el problema lo tengo con la altura de la div "content-bottom2" que no se me ajusta la altura de la div "mask". Ésta está con posición absoluta respecto a content-bottom2. La altura de "content-bottom2" se tiene que adaptar a la de "mask" ya que los "h2" de la mask pueden ser o muy largos o muy cortos. La div "mask" mediante jquery se moverá a derecha o izquierda (para passar fotos con textos).
Código:
.content-bottom2
{
float:left;
width:720px;
margin-top:30px;
margin-left:250px;
overflow: hidden;
white-space:nowrap;
position:relative;
background-color:#900;
}
.mask
{
position:absolute;
top:0px;
left:-250px;
}
Si alguien puede ayudarme se lo agredecería...
Muchas gràcias de antemano!