Foros del Web » Creando para Internet » CSS »

Texto no respeta el Div

Estas en el tema de Texto no respeta el Div en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/03/2007, 14:41
Avatar de pablinff  
Fecha de Ingreso: diciembre-2005
Ubicación: Argentina
Mensajes: 383
Antigüedad: 12 años
Puntos: 7
Texto no respeta el Div

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!
__________________
I'm gonna start a revolution from my bed...
  #2 (permalink)  
Antiguo 30/03/2007, 14:50
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: Texto no respeta el Div

Hola pablinff

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

Saludos,
  #3 (permalink)  
Antiguo 30/03/2007, 19:01
Avatar de pablinff  
Fecha de Ingreso: diciembre-2005
Ubicación: Argentina
Mensajes: 383
Antigüedad: 12 años
Puntos: 7
Re: Texto no respeta el Div

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; }
__________________
I'm gonna start a revolution from my bed...
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:21.