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

Version complète: sur le forum Webmaster Hub : fixer la largeur d'un div pour forcer le retour automatique

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS

flux37

lundi 19 juin 2006 à 20:11

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 :

CODE

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

et le code css :

CODE

#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

lundi 19 juin 2006 à 21:54

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

lundi 19 juin 2006 à 22:32

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.

CODE

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

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.