Problème DIV avec texte.

Bonjour, j'ai un gros problème!

Mon texte ne veux pas se placer bien!

Mon code CSS :

@charset "utf-8";
/* CSS Document */

html, body
{
   width: 930px;
   margin: auto;
   height:100%;
   margin-top: 10px;
   margin-bottom: 10px;    
   background-image:url(background.png);
   background-repeat:repeat;
   color: #000000;

}

/* L'en-tête */

#en_tete
{
   width: 930px;
   height: 130px;
   background-image: url("img/OG_Header.png");
   background-repeat: no-repeat;
   margin-bottom:0px;
}

.contenu_leftMenu_1
{
background-image: url("img/1.png");
	background-repeat: no-repeat;
	width: 160px;
	height: 22px;
	padding: 8px 0 0 0;
	margin-left:3px;
	text-align: center;
	font-family: "Arial";
    font-size: 15px;
	font-weight: bold;
	color: #495B6B;
	cursor: default;
	margin-top:15px;

}

.contenu_leftMenu_2 {
	background-image: url(img/2.png);
	background-repeat: repeat-y;
	margin-left:3px;
	width: 160px;
	height: auto;
	padding: 3px 0 0 0;
	
	text-align: center;
}

a.contenu_leftMenu_2_lien {
	font-family: "Verdana";
    font-size: 14px;
	color: #4B5E6E;
	text-decoration: none;
}

a.contenu_leftMenu_2_lien:hover {
	font-family: "Verdana";
    font-size: 14px;
	color: #4B5E6E;
	font-weight: bold;
	text-decoration: none;
}

.contenu_leftMenu_3 {
	background-image: url(img/3.png);
	background-repeat: no-repeat;
	margin-left:3px;
	width: 160px;
	height: 13px;
}

#corps1
{

	padding:5px; 
    color: #000;
    background-color: white; /* Une couleur de fond pour le corps */
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:small;
	border:1px dotted #0080C0;
	width:918px;
	height:auto;
	margin-left:0px;
	padding:5px;
	position:auto;
	margin-bottom:0px;
}

#pied
{
   padding: 0px;

   text-align: left;

   color: #B3B3B3;
   background-color: white;
   font-size: 15px;
   font-family: Arial;
   font-weight:bold;
   margin-bottom:10px;
}

.element_pied a 
{
  color:#B3B3B3;
   text-decoration: italic;
}

#element_corp1
{
color:yellow;
}



Et le html :


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>0rdigeek - Creation de site à prix discount</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <title>0rdigeek - Creation de site à prix discount</title>
<meta Name="Description" content="">
<meta Name="Keywords" content="">
<meta Name="Author" content="Jonathan">
<meta Name="Publisher" content="Jonathan">
<meta Name="Copyright" content="© 2009">
<meta Name="Content-language" content="fr">
<meta Name="Expires" Content="never">
<meta Name="Generator" Content="dreamweaver">
<meta Name="Language" Content="fr">
<meta Name="Reply-To" Content="">
       <link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
       <link rel="icon" href="" type="" />

   </head>
  <body>
  
  <!-- Header-->
 
       <div id="en_tete">
    
       </div>
	   
	   <!--corp 1 blanc-->
<div id="corps1" >

	  <!--Navigation-->
			<div class="contenu_leftMenu_1">Navigation</div>
			<div class="contenu_leftMenu_2" >
				<a href="index.php" title="" class="contenu_leftMenu_2_lien" >Accueil</a><br />
				<a href="presentation.php" title=" Présentation" class="contenu_leftMenu_2_lien" >Présentation</a><br />

				<a href="news.php" title=" Professionnels" class="contenu_leftMenu_2_lien" >Professionnels</a><br />
				<a href="inscription.php" title=" Particulier" class="contenu_leftMenu_2_lien" >Particulier</a><br />
				<a href="connexion.php" title=" Plan du site" class="contenu_leftMenu_2_lien" >Plan du site</a><br />
				<a href="contact.php" title=" Contact" class="contenu_leftMenu_2_lien" >Contact</a><br />
			</div>
			<div class="contenu_leftMenu_3" >
		
			</div>
			
			<!--Texte à coté du menu-->
			<div id="element_corp1"> 
			
			slt
			</div>
			
</div>

<div id="pied">
<div class="element_pied">
   <p>Copyright 2009, tous droits réservés &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <a href="plan_site.html">Plan du site</a> </p>
</div>   
</div>



	   </body>
	   


Je vous met une image pour mieux comprendre : http://www.hostingpics.net/viewer.php?id=260363apercusite.jpg
Configuration: Windows XP
Firefox 3.0.1

13 réponses

  1. Essaie à la place quand tu met <div class=""> ; met <div id="">.
    Parce que quand c'est class c'est avec <span>.
    1. (Peut-être que ça ne servira à rien ^^) mais situ ferme la balise </html>
      1. C'est bon j'ai trouvé, tu dois fermé la balise </div> de ton corps.
        1. Voila, désolée pour les modifications qui servaient à rien ! Mais la j'ai testé et ça marche voila le code CSS :

          #element_corp1
          {
          color: red;
          float: center;
          text-align: justify;
          }

          Attention ce n'est plus la couleur initiale (je voyais rien en jaune xD) ^^ !
          1. moi ça change juste la couleur du texte =(

            https://www.casimages.com/i/090824024441222725.png.html

            regarde est pourtant j'ai mis en css :

            #element_corp1
            {
            color: red; 
            float: center; 
            text-align: justify;
            }


            html :
            <div id="corps1" >
            
            	  <!--Navigation-->
            			<div class="contenu_leftMenu_1">Navigation</div>
            			<div class="contenu_leftMenu_2" >
            				<a href="index.php" title="" class="contenu_leftMenu_2_lien" >Accueil</a><br />
            				<a href="presentation.php" title=" Présentation" class="contenu_leftMenu_2_lien" >Présentation</a><br />
            
            				<a href="news.php" title=" Professionnels" class="contenu_leftMenu_2_lien" >Professionnels</a><br />
            				<a href="inscription.php" title=" Particulier" class="contenu_leftMenu_2_lien" >Particulier</a><br />
            				<a href="connexion.php" title=" Plan du site" class="contenu_leftMenu_2_lien" >Plan du site</a><br />
            				<a href="contact.php" title=" Contact" class="contenu_leftMenu_2_lien" >Contact</a><br />
            			</div>
            			<div class="contenu_leftMenu_3" >
            		
            			</div>
            			
            			<!--Texte à coté du menu-->
            			<div id="element_corp1"> 
            			
            			slt
            			</div>
            			
            		</div>	
            
            <div id="pied">
            <div class="element_pied">
               <p>Copyright 2009, tous droits réservés &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <a href="plan_site.html">Plan du site</a> </p>
            </div>   
            </div>
            
            1. Voila maoi ce que j'ai mis, et ça marche :
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
              <head>
              <title>0rdigeek - Creation de site à prix discount</title>
              <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
              <title>0rdigeek - Creation de site à prix discount</title>
              <meta Name="Description" content="">
              <meta Name="Keywords" content="">
              <meta Name="Author" content="Jonathan">
              <meta Name="Publisher" content="Jonathan">
              <meta Name="Copyright" content="© 2009">
              <meta Name="Content-language" content="fr">
              <meta Name="Expires" Content="never">
              <meta Name="Generator" Content="dreamweaver">
              <meta Name="Language" Content="fr">
              <meta Name="Reply-To" Content="">
              <link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
              <link rel="icon" href="" type="" />

              </head>
              <style>
              #charset "utf-8";
              /* CSS Document */

              html, body
              {
              width: 930px;
              margin: auto;
              height:100%;
              margin-top: 10px;
              margin-bottom: 10px;
              background-image:url(background.png);
              background-repeat:repeat;
              color: black;

              }

              /* L'en-tête */

              #en_tete
              {
              width: 930px;
              height: 130px;
              background-image: url("img/OG_Header.png");
              background-repeat: no-repeat;
              margin-bottom:0px;
              }

              .contenu_leftMenu_1
              {
              background-image: url("img/1.png");
              background-repeat: no-repeat;
              width: 160px;
              height: 22px;
              padding: 8px 0 0 0;
              margin-left:3px;
              text-align: center;
              font-family: "Arial";
              font-size: 15px;
              font-weight: bold;
              color: #495B6B;
              cursor: default;
              margin-top:15px;

              }

              .contenu_leftMenu_2 {
              background-image: url(img/2.png);
              background-repeat: repeat-y;
              margin-left:3px;
              width: 160px;
              height: auto;
              padding: 3px 0 0 0;
              float: left;
              text-align: center;
              }

              a.contenu_leftMenu_2_lien {
              font-family: "Verdana";
              font-size: 14px;
              color: #4B5E6E;
              text-decoration: none;
              }

              a.contenu_leftMenu_2_lien:hover {
              font-family: "Verdana";
              font-size: 14px;
              color: #4B5E6E;
              font-weight: bold;
              text-decoration: none;
              }

              .contenu_leftMenu_3 {
              background-image: url(img/3.png);
              background-repeat: no-repeat;
              margin-left:3px;
              width: 160px;
              height: 13px;
              }

              #corps1
              {

              padding:5px;
              color: #000;
              background-color: white; /* Une couleur de fond pour le corps */
              font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
              font-size:small;
              border:1px dotted #0080C0;
              width:918px;
              height:auto;
              margin-left:0px;
              padding:5px;
              position:auto;
              margin-bottom:0px;
              float: right;
              }

              #pied
              {
              padding: 0px;

              text-align: left;

              color: #B3B3B3;
              background-color: white;
              font-size: 15px;
              font-family: Arial;
              font-weight:bold;
              margin-bottom:10px;
              }

              .element_pied a
              {
              color:#B3B3B3;
              text-decoration: italic;
              }

              #element_corp1
              {
              color: red;
              float: center;
              text-align: justify;
              }

              </style>
              <body>

              <!-- Header-->

              <div id="en_tete">

              </div>

              <!--corp 1 blanc-->
              <div id="corps1" >
              <p>

              </p>

              <!--Navigation-->
              <div class="contenu_leftMenu_1">Navigation</div>
              <div class="contenu_leftMenu_2" >
              <a href="index.php" title="" class="contenu_leftMenu_2_lien" >Accueil</a><br />
              <a href="presentation.php" title=" Présentation" class="contenu_leftMenu_2_lien" >Présentation</a><br />

              <a href="news.php" title=" Professionnels" class="contenu_leftMenu_2_lien" >Professionnels</a><br />
              <a href="inscription.php" title=" Particulier" class="contenu_leftMenu_2_lien" >Particulier</a><br />
              <a href="connexion.php" title=" Plan du site" class="contenu_leftMenu_2_lien" >Plan du site</a><br />
              <a href="contact.php" title=" Contact" class="contenu_leftMenu_2_lien" >Contact</a><br />
              </div>
              <div class="contenu_leftMenu_3" >

              </div>

              <!--Texte à coté du menu-->
              <div id="element_corp1">

              slt, tout le monde ca va moi oui et vous ? bonnes vacance bientôt l'école xD ! Gnia nia nia !
              </div>

              </div>

              <div id="pied">
              <div class="element_pied">
              <p>Copyright 2009, tous droits réservés &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <a href="plan_site.html">Plan du site</a> </p>
              </div>
              </div>

              </body>
              </html>