Comunidad de diseño web y desarrollo en internet online

height auto

Citar            
MensajeEscrito el 03 Ene 2012 02:58 am
Hola!

Disculpen que abunde sobre este tema que ya se a tocado en el foro, pero tengo esta hoja de estilo y no logro que se acoplen las <div> al alto de la <img>. Plase help.
<!---HTML--->
<div id="slideshow">
<ul >
<li >
<img src="img/img.jpg"> (contenido dinámico con alturs distintas)
</li>
</ul>
</div>


/* CSS Document */
#slideshow{
background-color:#FFFFFF;
border:1px solid #FFFFFF;
height:auto
margin:25px auto 0;
margin-top:15px;
position:relative;
width:440px;
-moz-box-shadow:0 0 22px #111;
-webkit-box-shadow:0 0 22px #111;
box-shadow:0 0 22px #111;*//
}

#slideshow ul{
height:auto;
padding:10px;
left:10px;
list-style:none outside none;
overflow:hidden;
position:absolute;
top:0px;
width:400px;
}

#slideshow li{
position:absolute;
display:none;
z-index:10;
}

#slideshow li:first-child{
display:block;
z-index:10;
}

#slideshow .slideActive{
z-index:10;
}

#slideshow canvas{
left:1px;
display:none;
position:absolute;
z-index:10;
}






Gracias de antemano

Por laloto

11 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 03 Ene 2012 12:35 pm
Has puesto el <li> con position absolute. Eso hace que ese elemento se renderice aparte del resto y por lo tanto no afecta a cómo se acomodan los restantes elementos.

Por DriverOp

Claber

2510 de clabLevel



 

opera

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.