Même espace gauche et droite site

Bonjour,

Je voudrais savoir comment laisset à gauche et à droite du site le même espace vide comme sur ce site commentcamarche.
C'est à dire je centre mon site en laissant le même espace de part et d'autre de l'ecran.

Merci d'avance,
Configuration: Windows XP
Internet Explorer 7.0

8 réponses

  1. Bonjour,

    Je ne sais pas comment tu as structuré ton site, mais il faut centrer la fenetre avec ce morceau de code html :)

    div align=center
    1. Merci pour ta reponse rapide greg32885,

      j'utilise un tableau global a trois lignes:
      la 1iere contient l'en-tête du site
      la 2 ieme (à trois colonnes) contient le menu de navigation +contenu du milieu +collone de pub à droitre
      la 3 ieme contieent le pied du site.

      Merci d'avance,
      1. C'est pas très sain de faire un site, avec un tableau ... il vaut mieux utiliser les balises DIV
        1. Meric encore une fois,

          et comment tu vas diviser ton site en blocs independants ?
          Je veux dire le menu de navigation ne change pas , l'entete pas, le pied de page pas ;
          à chaque fois c'est le contenu du milieu qui change en fonction du lien que tu as cliqué.

          pour quoi pas les tableaux ?

          MLerci d'avance,
          1. dommage je ne peux pas t'envoyer mon adresse msn par mini message ..
            Sinon ca va faire bcp de post pour l'explication :)
            1. En fait quand tu vas créer ton code html,

              tu vas classer tes différentes parties avec des balises DIV..
              Ensuite tu donnes des instructions particulières à chaque partie, avec une feuille de style CSS

              C'est vraiment expliqué en gros ..
              1. Merci greg32885, quand même pour tes multiples reponses

                est ce que tu aurais des exemples (code html ou css) ?

                merci d'avance,
                1. Oui voilà un exemple de code

                  bien entendu tout ce code html est lié à une feuille CSS
                  extrait de page html :
                  <body>

                  <div id="contenu">
                  <div id="entete">
                  <h1>En location</h1>
                  </div>

                  <div id="menuhorizontal">
                  <ul>
                  <li><a href="album.htm" class="lienmenuhorizontal">Des images</a></li>
                  </ul>
                  </div>

                  <div id="menuvertical">
                  <h3>Extérieur</h3>

                  <ul>
                  <li><a href="images/1.jpg" class="lienmenuvertical">Image 1</a></li>
                  <li><a href="images/2.jpg" class="lienmenuvertical">Image 2</a></li>
                  <li><a href="images/3.jpg" class="lienmenuvertical">Image 3</a></li>
                  <li><a href="images/4.jpg" class="lienmenuvertical">Image 4</a></li>
                  <li><a href="images/5.jpg" class="lienmenuvertical">Image 5</a></li>

                  <li><a href="images/6.jpg" class="lienmenuvertical">Image 6</a></li>
                  </ul>

                  <h3>Intérieur</h3>
                  <ul>
                  <li><a href="images/7.jpg" class="lienmenuvertical">Image 1</a></li>
                  <li><a href="images/8.jpg" class="lienmenuvertical">Image 2</a></li>

                  </ul>

                  <h3>Plan</h3>
                  <ul>
                  <li><a href="images/plan.pdf" class="lienmenuvertical">Plan</a></li>
                  </ul>

                  <h3>Infos diverses</h3>
                  <ul>

                  <li><a href="http://www.martignas.org" target="_blank" class="lienmenuvertical">Site de la ville</a></li>
                  <li><a href="https://www.infotbm.com/fr/v3" target="_blank" class="lienmenuvertical">Transports</a></li>
                  </ul>
                  </div>

                  <div id="pieddepage">
                  <p class="textepieddepage">
                  xxxxxxxx ©

                  </p>
                  </div>
                  </div>

                  </body>

                  </html>