Hola, estoy creando un tagboard, hasta ahora todo bien, lo que pasa es que si pongo muchos caracteres se me "deforma" el div, miren un ejemplo de lo que les digo:

http://i53.tinypic.com/2uyinmd.png

Bueno, si me ayudaran, perfecto

Acá están los CSS del contenedor de los mensajes y el mensaje en sí:

#mensajes
{
display:table;
margin:5px 25px;
width:450px;
}

.mensaje
{
display:table;
margin:0px 0px 5px 0px;
width:450px;
padding:5px;
}
Saludos ^^

Intenta con esto:

Código: [Seleccionar]

#mensajes
{
   display:table;
   margin:5px 25px;
   width:450px !important;
}


Nada :S

El error está en display:table;

intenta esto:

#mensajes
{
   margin:5px 25px;
   width:450px;
}

.mensaje
{
   margin:0px 0px 5px 0px;
   width:450px;
   padding:5px;
}


Intenta hacer lo que te dije lo de wordwrap()
http://php.net/manual/es/function.wordwrap.php

.....

No me funcionó X_X, se corta toda la oración a partir de X caracteres, no se separa por palabra x.x

Que raro... yo juraría que cuando lo estaba usando en mi tagboard me cortaba solo las palabras que tenian mas de 20 letras o así. Si eso, echale un vistazo al source de mi tag y listo!

Hay una forma con CSS3 mira a ver si te sirve

http://www.desarrolloweb.com/articulos/word-wrap-css3.html

De hecho ya lo hice, y funcionó xD (lo hice hace horas solo que me desconecté).
Cierro tema, saludos.