Texto no respeta el Div

pablinff · #1 (**permalink**) 30/03/2007, 13:41

Buenas gente tengo un grán problema y es que el texto que pongo se me sale del DIV, y ya no se que hacer para que quede bien.
Así se ve:

Este es el código:

Código HTML:

<div class='gradientbar'>
<fieldset>
  <legend>&nbsp;<img src="gif/Instinto/ins_0.png" alt="Poema">&nbsp;</legend>
        <p class="ins">No pierdas de vista lo que hoy el mundo necesita, tal
        vez no est&eacute;s en la lista, pero seguro no te olvidar&aacute;n; esto es solo el
        comienzo no te pierdas en mi refr&aacute;n.</p>
        <p class="ins">Tus huellas no desaparecen, pero el camino puede
        cambiar, los que ayer estuvieron pueden hoy no estar.</p>
        <p class="ins">&nbsp;&quot;INSTINTO&quot; es tu lado oscuro, y este
        espera actuar. No lo acultes, se que eres debil. &quot;El&quot; no llama
        a tu puerta para pasar.</p>
        <p class="ins">Que me pasa veo erroneo, o quiz&aacute;s lo que veo quiero
        ocultar.</p>
        <p class="ins">Ya no quiero pensar, se que es in&uacute;til, ya no me voy a
        salvar, ya es tarde ya est&aacute;s solo, tus palabras nadie las oir&aacute;, esta
        vez hablar&aacute; tu &quot;INSTINTO&quot;, &eacute;l te dominar&aacute;, es todo lo que
        obviar&aacute;s.</p>
        <p class="ins">Quiz&aacute;s sea cierto, quiz&aacute;s te miento, ya d&aacute; igual, yo
        hablar&eacute; por vos y nadie lo sabr&aacute;, esto siempre a sido as&iacute;, y as&iacute;
        seguir&aacute;!!!!!&nbsp;</p>
        <p class="ins">&nbsp;</p>
  <p class="ins"> BUENO, ESTO ES ALGO QUE SE LO
  QUERIA REGALAR POR TODO LO QUE USTEDES DAN POR NOSOTROS, SUS SEGUIDORES, SE QUE
  ES POCO PERO PEOR ES NADA.</p>
<p class="autor">Autor: Arnold Carballo</p>
</fieldset>
</div>

Los estilos:

Código:

.gradientbar {
text-align:center;
background: #B9C8D8 url(/img/gradients/gradient2.gif) repeat-x top left;
color: black;
font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap; }

.ins {
Margin-left:5px;
Margin-right:5px;
Margin-top:5px;
Margin-bottom:5px;
text-indent:5px;
line-height:16px;
font-size:10pt;
text-align:center; }

Desde ya muchas gracias por las ayudas!
Saludos!

JavierB · #2 (**permalink**) 30/03/2007, 13:50

Hola pablinff

Quita la línea white-space: nowrap; y debería quedarte bien.

Saludos,

pablinff · #3 (**permalink**) 30/03/2007, 18:01

Muchas gracias!!! me funcionó!!!
ahora... otra pregunta mas...
Tengo otra sección que me sucede lo mismo pero no es por el mismo problema...
Esta es la sección:

Este sería el código:

Código:

<div id="contenedor">
 <div id="contenido">
  <div class='noticia'>Texto de la noticia</div>
 </div>
</div>

Los Estilos:

Código:

#contenedor {
margin: 0 auto; /* Centrado para browsers compatibles con CSS */
text-align:left; /* Centrado para IE5 Parte 2. */ }

#contenido {
text-indent:10px;
margin-bottom:10px;
height:auto;
width:486px;
float:left; }
.noticia {
padding:5px;
background-image: url(gif/fondos/sidediv.jpg);
font-size:11pt;
color:white;
text-decoration:none;
text-align:left;
font-family:"Comic Sans MS",verdana,sans-serif; }