Problème de texte qui déborde.

Résolu
pixix -  
Bonjour,

Je suis en pleine création d'un site internet en suivant un tutoriel mais je me retrouve avec un problème sur le texte.

Un petit Screenshots.
http://glenffidish.free.fr/texte.jpg

Voici le code HTLM 

<div id="content">
    	<h3>Lorem ipsum</h3>
Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse civil.Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse civil.
</div>

Voici le code CSS 

#content{
	background-image:url(MEDIA/IMG/content.png);
	background-repeat:repeat-y;
	width:1214px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	padding-top:10px;
	text-align:justify;
}

Je ne comprend pas pourquoi le texte ne s'arrête pas au bord de l'image comme sur le coté gauche.

Si quelqu'un a une solution je suis preneur.
Merci d'avance.

7 réponses

  1.  animostab
    mets tout ton texte qui déborde entre les balises <p></p>
    <p>tout le texte qui déborde</p>

    puis le css

    #content{
    background-image:url(MEDIA/IMG/content.png);
    background-repeat:repeat-y;
    width:1214px;
    height:auto;
    margin: 0 auto 0 auto;
    padding: 10px 15px 10px 15px;
    text-align:justify;
    }

    tu peux donner aussi des attributs a ton texte
    exemple

    #content p {
    margin :10px;
    font-size:12px;
    /****etc****/
    }

    Un petit merci vaut mieux qu'une grande ignorance
    1. graffx Contributeur
      Je trouve ca bien sympa de la part de l' auteur, lien supprimé, pas un merci ni rien d' autre.

      C'est "j'ai ma reponse" et je me casse.
      1. animostab
        c'est souvent comme ca
        c'est pour ca que j'ai mis ma signature
        "Un petit merci vaut mieux qu'une grande ignorance"

        ignorance à 2 sens dont celui ci : le gars a sa réponse et bye il t'ignore
        1. pixix Auteur
          Désolé les gens j'ai réussi à réglé mon problème entre deux et j'ai oublier de vous le signalé mais je vous remercie quand même.

          J'ai bidouillé avec la taille de l'image de fond en la diminuant et en augmentant le padding-right.

          Encore désolé.
          1. graffx Contributeur
            Tu es tout pardonné, mais une petite chose, tu devrais coller le bout de code qui est la solution ou expliquer comment tu as fait pour ceux qui tombent sur ce sujet, mais bon, tu n'es pas obligé.
          2. telliak
            @pixix
            Avec ce que tu exposes, tu peux t'attendre à de nouveaux problèmes. Tu aurais dû faire ce qui t'était conseillé.
        3. animostab
          Ok c'est bien

          mais as tu mis le texte entre les balises <p></p> ?

          parce que c'est ce qu'il faut faire aussi
          suivant la config d'affichage navigateur de l'utilisateur si tu l'a pas fait ca risque de déborder

          1. pixix Auteur
            Non je l'ai laissé comme sa, j'ai essayé dans les 3 navigateur que j'ai c'est a dire

            -Firefox
            -Chrome
            -Explorer

            et sa marche nickel.
            1. animostab
              Nous sommes 3 a te dire qu'il faut le faire.
              tout élément d'une page web doit se trouver entre des balises !
              mais bon après tout fait ce que tu veux puisque tu as l'air de t'y connaitre mieux que nous

              Discussions similaires

              Texte qui s'efface en écrivant
              -Romane-

              33 réponses