Tengo una consulta, tengo una capa que a su vez contiene dos capas en su interior. El acho tanto de la capa contenedora global como de las capas anidadas lo sé pero la altura puede ser varible dependiendo de su contenido.
Si no fijo altura para la capa contenedora principal, parece que las capas anidadas no estén incluidas en la misma.
Le he dado un color de fondo a las capas a modo provisional y es la sensación que me da....Si fijo un height para la capa 'padre' ésto no sucede pero no me interesa porque no siempre sabré esté valor.
Adjunto el HTML
Código ActionScript :
<div id="footer" > <div id="leftSide"> <ul class="listHorizontal"> <li><a href="http://web/contactar/" title="Enlace a: Contactar">Contactar</a> - </li> <li><a href="http://web/participa/" title="Enlace a: Participa">Participa</a></li> </ul> </div> <div id="rigthSide"> <p> <a href="http://web/category/numero-078/" title="Enlace a: Todas las entradas del boletín Número 078">Número 078</a><br/> 14 - 05 - 2010<br/> ISSN: 1696-3296 </p> </div>
y en el CSS:
Código ActionScript :
#footer{
background-color:#99CCCC;
clear:both;/*No quiero nada alrederor. Le preceden otras capas contendoras*/
width:1190px;
}
#leftSide{
background-color:#99CCFF;
float:left;
width:850px;
}
#rigthSide{
background-color:#CCCCFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#003C3C;
float:right;
width:330px;
text-align:right;
}
#rigthSide a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-decoration:none;
color:#003C3C;
text-align:left;
}
#rigthSide a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-decoration:underline;
color:#003C3C;
text-align:left;
}
.listHorizontal{
list-style:none;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
}
gracias de antemano!
