centrer le design d'un site

**nabians** · 27/04/2007, 09h29

bjr à tous, jspr trouver solution à mon probleme..
j'ai beau essayer de centrer mon site avec du css j'y arrive pas, enfin si, sur mon ordinateur ça marche mais quans je télécharge sur internet ça ne marche plus..
voici un exemple : http://salim-lounici.ifrance.com/2/index.php, j'ai fais des blocs en couleurs pour mieux comprendre.
merci pour votre aide

**Candygirl** · 27/04/2007, 11h21

Hello,

c'est la faute de ton hébergeur qui rajoute un script pour la pub tout en haut de ta page, avant la déclaration du doctype. Hors, si le doctype n'est pas déclaré tout en haut de la page IE ne l'interprète pas et reste en mode quirks. Il interprète donc ton code "à sa sauce" au lieu de suivre les standards et ne reconnaît donc pas le margin:auto pour le centrage.

Si tu veux rester sur cet hébergeur, tu peux passer par un conteneur principal pour centrer ton site en appliquant un text-align:center sur le body et le rétablissant à left sur le conteneur (mais IE restera en mode quirks=tu risques d'être confronté à d'autres problèmes au montage de ton site):

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<body>
  <div id="principal">
    ... contenu du site ...
  </div>
</body>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
body {
  text-align:center;
}
 
#principal {
  width:800px;
  margin:0 auto;
  text-align:left;
}

**nabians** · 27/04/2007, 11h42

merci candy girl,
j'ai hébergé le site sur ifrance juste pour en fr un brouillon aprés je migrerais vers un hébergeur professionnel..que devrais fr, laisser tt en état sachant que ça marchera chez l'hébergeur pro ou mettre en oeuvre ton astuce ?
merci bcp

**Candygirl** · 27/04/2007, 11h58

Merci d'éviter le langage sms sur les forums. ça rend la lecture difficile et on n'est pas limité en nombre de lettres ici

Cela dépend de la rétrocompatibilité que tu souhaites. Les versions d'IE inférieures à la 6 ne connaissent pas le mode standard et restent donc en mode quirks quand bien même le doctype est spécifié. Donc chez ton nouvel hébergeur, ton site sera centré sous IE6 et 7 mais pas IE 5.5, 5. Maintenant c'est vraiment du détail; que le site ne soit pas centré ne nuit pas à sa consultation (en ce qui concerne l'utilisation du text-align:center).

Maintenant, en ce qui concerne d'appliquer le width directement sur le Body, je suis partagée sur cette manière de procéder. Pour le moment je l'évite et passe toujours par un conteneur principal (en raison des différentes interprétations sur les navigateur actuels suivant les propriétés attibuées au body).

**nabians** · 27/04/2007, 12h05

merci, merci beaucoup, et désolé pour mes mots écrits en langage sms..je suis un peu avancé aprés ta réponse..

centrer le design d'un site

Centrer un élément en CSS

Vue hybride

Discussions similaires

Partager

Partager