fixer la largeur d'un div pour forcer le retour automatique

[flux37]

Bonsoir,

Je voudrais donner une largeur fixe à une div , de sorte que le texte fasse un retour automatique à la ligne dès que la largeur maximale de la boite css est atteinte..

Pour l'instant pour texte déforme ma div , et par conséquent l'intégralité de ma page

voici mon code xhtml :

<div id=contenu> <div><h1>Décorer pour voyager</h1> 
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
</div>

et le code css :

#contenu {
float:left;
background-color:white;
width: 347px;
}

#contenu div {
background-color: #FFF;
padding:10px 10px 10px 30px;

}

merci d'avance pour votre aide..

[MarvinLeRouge]

Salut,

Le fait de préciser la largeur est normalement suffisant. Cependant, il faut savoir que le retour à la ligne ne se fera automatiquement que sur un espace blanc (espace, retour chariot par exemple).

Donc, si un texte est ininterrompu (un espace insécable n'interromp pas le texte), le retour ne se fera pas. Exemple : si tu tapes 50a à la suite, tu n'auras pas de retour à la ligne.

Si tu veux obtenir ça, il te faudra traiter au préalable ta chaîne de caractère pour qu'elle ne contienne pas de mot au delà d'une certaine longueur.

[loban]

Si la perte du texte n'est pas trop importante, tu peux aussi mettre dans le style du div un 'overflow:hidden;' qui permet de supprimer le dépassement de largeur.

#contenu div {
background-color: #FFF;
padding:10px 10px 10px 30px;
width:200px;
overflow:hidden;
}