Foros del Web » Creando para Internet » CSS »

Texto dentro de div no se ajusta al ancho

Estas en el tema de Texto dentro de div no se ajusta al ancho en el foro de CSS en Foros del Web. Hola a todos, tengo un problema relativamente simple pero no encuentro la solucion Estoy usando css para aplicar un estilo para los comentarios de mi ...
  #1 (permalink)  
Antiguo 12/03/2010, 08:41
 
Fecha de Ingreso: junio-2009
Mensajes: 79
Antigüedad: 8 años, 5 meses
Puntos: 0
Texto dentro de div no se ajusta al ancho

Hola a todos, tengo un problema relativamente simple pero no encuentro la solucion

Estoy usando css para aplicar un estilo para los comentarios de mi sitio y darles formas de "burbuja", el problema es que el texto dentro del div no se ajusta a su tamaño sino que "sigue de largo", aqui les coloco el codigo que estoy usando:

HTML:
Código HTML:
Ver original
  1.  
  2. <div class="bubble">
  3.     <blockquote>
  4.         <p>Testasdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</p>
  5.     </blockquote>
  6.     <cite>
  7.         <strong>John Smith</strong> on 1st January 2007 at 3:55pm
  8.     </cite>
  9. </div>
  10.    
  11. </body>

CSS:
Código CSS:
Ver original
  1. body {
  2.     margin: 80px 40px 40px;
  3.     width: 50&#37;;
  4.     background-color: #e6e6e6;
  5.     font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
  6. }
  7.  
  8. /* Normal Bubble */
  9. div.bubble {
  10.     width: auto;
  11.     font-size: 0.75em;
  12.     margin-bottom: 24px;
  13. }
  14.  
  15. div.bubble blockquote {
  16.     margin: 0px;
  17.     padding: 0px;
  18.     border: 1px solid #c9c2c1;
  19.     background-color: #fff;
  20.     width: inherit;
  21. }
  22.  
  23. div.bubble blockquote p {
  24.     margin: 10px;
  25.     padding: 0px;
  26.     width: inherit;
  27. }
  28.  
  29. div.bubble cite {
  30.     position: relative;
  31.     margin: 0px;
  32.     padding: 7px 0px 0px 15px;
  33.     top: 6px;
  34.     background: transparent url(tip.gif) no-repeat 20px 0;
  35.     font-style: normal;
  36. }

He cambiado el width en todos los elementos de todas las formas que se me ocurren y nada, lo extraño es que en la pagina de ejemplo donde consegui el codigo no tienen este problema y pareciera estar igual ( http://www.willmayo.com/journal/projects/07/bubbles/ )..

Lo peor es que aunque agrege un div simple tampoco se ajusta el texto al tamaño del div:

Ejemplo:

Código HTML:
Ver original
  1. <div style="width:200px">
  2. asddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
  3. </div>

Muchas gracias de antemano.

Última edición por bengiss; 12/03/2010 a las 08:58 Razón: Agregado el link de ejemplo
  #2 (permalink)  
Antiguo 12/03/2010, 09:29
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Texto dentro de div no se ajusta al ancho

Prueba con este texto:

Código Texto:
Ver original
  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Y veras como funciona, el problema es que el texto que pones no tiene espacios.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #3 (permalink)  
Antiguo 12/03/2010, 09:49
 
Fecha de Ingreso: junio-2009
Mensajes: 79
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: Texto dentro de div no se ajusta al ancho

Jeje gracias, estaba probando con la propiedad word-wrap y me funcionaba pero me parecio extraño que antes no hubiera tenido este problema y jamas habia utilizado word-wrap.
  #4 (permalink)  
Antiguo 13/03/2010, 12:35
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Texto dentro de div no se ajusta al ancho

Hola:

Una pregunta por curiosidad: ¿Cuantas palabras reales conoces que sean tan grandes como Testasdddddddddddddddddddddddddddddddddddddddddddd dddddddddddddddddddddddddddddddddddddddd?

Saludos.


Etiquetas: ancho
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.
Tema Cerrado




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