Forum : le commentaire depasse son div ?

bonjour a tous ,j'ai un probleme avec mon commentaire il depasse le width du div id="comment"
comment faire pour resoudre se probleme?

le code css

#comment {
    height:auto;
    width:450px;
    margin-left:10px;
    margin-top:5px;
    padding:16px;
    background-color:#D8D8D8;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 10px;
}
#comment h4{
   color: #0174DF;
   font-weight: normal;
}
#comment p{
   color: #424242;
   font-size: 13px;
   font-family: verdana;
}
#comment label{
   color: black;
   font-size: 10px;
   margin-bottom: 5px;
}
#comment img.userpic {
    border:1px solid #dedede;
    margin:10px 16px 0 0;
    padding:0;
    float:left;
}

le code html/php

echo '<div id="comment"> <img src='.$avatar.' width="50" height="50" alt="" class="userpic" />';
    echo '<h4><strong>'.$data"email"].'</strong> Dit:<br />';
    echo '<label>'.traducefecha(date("F j, Y, g:i a",strtotime($data"date"]))).'</label></h4>';
    echo '<br><p>'.$data"message"].'</p>';
    echo'</div>';

l'image
a

4 réponses

Grafikart

Réponse acceptée

Par défaut le texte va à la ligne automatiquement mais dans ton cas il n'y à pas de séparation du coup il ne sait pas à quel moment aller à la ligne. Tu peux forcer le découpage du mot en CSS avec

word-wrap: break-word;

mespeche

Salut, donne une lageur à ton paragraphe :

#comment p{  
   color: #424242;  
   font-size: 13px;  
   font-family: verdana; 
   width : ???px;
}

jad_joubair

Auteur

salut ,j'ai essayer mais ca marche pas tjrs le meme probleme !
jai mis un width de 200px et rien.

jad_joubair

Auteur

c bon ca marche merci bcp et bonne continuation!!!!