Hola a todos y buenos días:

Bueno, tengo un DIV para dentro poner un contenido X. El problema es que el 
contenido no me expande automáticamente el DIV y entonces se solapa con lo que 
hay debajo de este DIV, en este caso otro DIV. El CSS asociado al problema es 
el siguiente:

#board { text-align: justify; width: 100%; height: 100% auto; }
#board h1 { font-size: 1.1em; font-weight: bold; border-bottom: 1px solid 
#E89700; text-align: right; clear: both; padding: .2em .5em .2em .1em; 
background-color: #000; }
#board h2 { font-size: 1.1em; clear: both; padding: 0 0 0 .5em;  }
#board img { float: right; padding: .5em; margin: .5em; }
#board div.resumen { padding: .2em .5em .1em .5em; -moz-border-radius: 6px; 
background-color: #A4A6B6; margin: .3em 0 .3em 0; color: #000; font-weight: 
bold; }
#board div.fuente { padding: .2em .5em .1em .5em; text-align: right; 
border-bottom: 1px solid #E89700; }
#board div.contenido { padding: .2em .2em .2em .2em; text-align: justify; 
overflow: auto; height: auto; }
#board p { padding: 1em; }

Y el HTML es el siguiente (básicamente, no puse el texto completo para no 
llenar el mensaje):

<div id="board">
     <div class="contenido">
        <img src="http://simpro.uci.cu/upload/noticias/osopanda.jpg"; alt=" " />
        <p>Aquí el contenido</p>
      </div>
</div>

¿Qué es lo que estoy haciendo mal?

Salu2 y gracias por adelantado

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a