¿Como evito que el texto se valla de la div?

[VbOkonly]

Muy buenas a todos, estoy haciendo las pases con CSS para tratar de llevarnos mejor ... aunque el diseño web no sea lo mio




Mi pregunta es la siguiente, ¿Cómo hago para que el texto no sufra esa irrelevancia?, es decir que el mismo no se salga de la div.

Hace mucho tiempo (en otra web mia) intente con la propiedad overflow:hidden pero se seguia desbordando pero el salto abajo no lo hacia ...

Les paso el codigo CSS:

Código HTML:

#coment {
	width: 527px;
	font-family: tahoma;
	font-size: 16px;
	background-color: #EEEEEE;
}
#autorcoment {
	background-image: url(Images/fondocomentcomoestasargentina.jpg);
	background-repeat:  repeat-x;
	width: 527px;
	font-size: 20px;
	font-weight: bold;
	height: 30px;
	background-color: #EEEEEE;
}

Y aca esta la salida:

Código PHP:

  echo ' 
      <div id="autorcoment"><span><font color=RED>'.$rowComen["nick"].'</b></font></span> dijo:</div> 
        <div id="coment">'.$rowComen["comentario"]; ?>  
  

Le hago el favor al que no entienda php(el codigo que no puedo ovbiar lo encierro entre ' ' :

Código HTML:

 <div id="autorcoment"><span><font color=RED>'.$rowComen["nick"].'</b></font></span> dijo:</div>
        <div id="coment">'.$rowComen["comentario"];' </div> 

Desde ya agradesco ...

[jomaruro]

Hola:

A menos que sea un formulario donde alguien te quiera hacer la puñeta o que sea un link ¿Qué palabra conoces que sea tan grande? Se te sale del div porque no tiene por donde cortarla.

Saludos.

[VbOkonly]

Y en caso de que sea un link? ejemplo: un link de facebook O.o, como puedo hacer? o ya es php eso? xD


Gracias por contestar

[jomaruro]

Hola:

Léete este artículo sobre Word-wrap en CSS 3, pero siempre teniendo en cuenta que no todos los navegadores admiten las propiedades CSS 3.

Saludos.

[VbOkonly]

Ok, muchas gracias, ya lo estoy mirando

[VbOkonly]

Aca estan los resultados, agregué la etiqueta :

Código HTML:

#coment {
	width: 527px;
	font-family: tahoma;
	font-size: 16px;
	background-color: #EEEEEE;
	word-wrap: break-word; 
}

MUCHAS GRACIASSSSSSSSSSSSSSSSSSSSSSSSSS

[jomaruro]

Hola:

De nada, me alegra haberte ayudado.

Saludos.

[kseso?]

Prevea también el caso de usuarios con navegadores que no den soporte a word-wrap y evite que la parte sobrante le desborde:
Añada overflow:hidden a su contenedor.
Eso lo que hará será "esconder" la parte final, pero el enlace seguirá siendo operativo.