28173 sujets

CSS et mise en forme, CSS3

Rebonjour, voila j'ai un bloc div de 400px de largeur, si je met un texte trop long dedans, au lieu d'aller à la ligne, le texte continu de s'écrire sur la même ligne.

Apres quelques recherches, j'ai trouvé le code overflow, mais je ne cherche pas ça car l'overflow crée une barre du navogateur pour scroller horizontalement.


COmment faire pour forcer mon texte a s'écrire dans une zone de 400px avec retour a la ligne automatique ?



#acc_news_haut {
	background-image: url(images/acc_news_haut.jpg);
	height: 33px;
}

#acc_news_centre {
	background-image: url(images/acc_news_centre.jpg);
	padding-top: 5px;
	width: 400px;
}

#acc_news_texte {
	width: 96%;
	margin: 0px auto;
	border: 1px dotted #FFF;
}

#acc_news_bas {
	background-image: url(images/acc_news_bas.jpg);
	height: 27px;
	border: 0px;
}



<div id="acc_news_haut"></div>
            <div id="acc_news_centre"><div id="acc_news_texte">sdfsqdsqslfgkdsljgkfsjgkjgkfdhgdhslkhgfiuqyorghoiqdyugshgqogyuredioghegyquegh</div></div>
           <a href="#"> <div id="acc_news_bas"></div></a>


Merci.
Modifié par Ashraam (24 Jan 2008 - 13:31)
Salut Ashraam,

Tiens ! Le retour du fameux Supercalifragilisticexpialedocious Smiley cligne !

Pour faire tes tests il faut utiliser du texte "normal" (par exemple Lorem Ipsum) ce qui évite ce genre de "faux bug" !

A+ Smiley smile