tengo esta clase css que aplico sobre un div
Código PHP:
div.capaPopup
{
display: none;
position:absolute;
top: 0px;
left: 0px;
z-index: 904;
color: #221200;
border: solid 2px #bdbd5a;
background-color: #f6f6af;
padding: 5px;
width: 300px;
line-height: 20px;
text-align: left;
font-weight: normal;
}
Y cuando pongo en php un campo de texto que viene de mysql para que se muestre dentro de esa capa popup el texto sale por fuera de la capa, es decir, empieza dentro pero no respeta el limite derecho de la capa y el texto sigue su camino por encima de esta.
Lo pongo de esta manera:
Código PHP:
<div class="capaPopup"><?php echo nl2br( rscampo["campitoTexto"] );?></div>
Eso me pasa cuando pongo width con un tamaño fijo de px, pero si no especifico width o pongo "width: auto;" el texto si se queda dentro pero la capa se hace muy muy ancha si el texto es muy grande.
¿Que puedo hacer?