Centrer le site...

co7645 · 10 Novembre 2008

Bonjour,

Après avoir galéré pas mal (suis pas doué

), j'ai réussi à centrer mon www en intégrant ceci dans la feuille de style :

#conteneur {
position: absolute; width: 980px; left: 50%;
margin-left: -490px;

Impeccable...sauf en 800X6OO, là la navigation est impossible. Cela ne représente que 4% des visiteurs...mais je trouve dommage de les perdre.

Quelqu'un possède t il une solution (pas trop ardue)?

Merci
Charles

dorian53 · 10 Novembre 2008

Salut,

Utilise margin:auto;

Voila

Code:

#conteneur {
  width: 980px; margin:auto;
}

twin · 10 Novembre 2008

Tout est bien expliqué sur cet article de alsacreation

co7645 · 10 Novembre 2008

Merci à vous deux.

J'ai modifié tel que conseillé par Dorian...pouvez vous regarder si le site est centré?
Pas possible chez moi, mon écran est trop petit... :? ...pas doué et du sale matériel... :x

twin · 10 Novembre 2008

Si tu parle de celui-ci gitemontsaintmichel.com , non.

Essaye çà :

#conteneur {
margin-left: auto;
margin-right: auto;
width: 980px;
text-align: left;
border: 2px solid #555555;
background-color:#FFCC99;
}

co7645 · 10 Novembre 2008

twin a dit:
Si tu parle de celui-ci gitemontsaintmichel.com , non.

Essaye çà :

#conteneur {
margin-left: auto;
margin-right: auto;
width: 980px;
text-align: left;
border: 2px solid #555555;
background-color:#FFCC99;
}

Voilà, c'est fait. Je n'ai pas l'impression que cela fonctionne (pas sûr, pour vérifier, je réduis l'affichage à 50%)

Peut-être parce que je n'ai pas de DOCtype?

twin · 10 Novembre 2008

Euh, là c'est bon avec FF, mais pas IE

twin · 10 Novembre 2008

Dans body, ajoute :
text-align: center;

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
text-align: center;
}

co7645 · 10 Novembre 2008

twin a dit:
Dans body, ajoute :
text-align: center;

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
text-align: center;
}

Fait.

J'ai trouvé ceci sur Alsacreation:
N'oubliez pas le Doctype !

Attention à ne pas oublier le doctype du document (lire "DTD : comment choisir"), sinon votre page sera en mode Quirks.

Dans ce mode, Internet Explorer se comporte comme les versions antérieures à IE6, c'est à dire qu'il n'interprète pas les dimensions et les marges comme il le faudrait. Dans ce cas précis, il n'appliquerait pas le centrage à l'aide des marges automatiques.

Donc, cela doit être la solution...mais souci, si j'ai bien saisi, le doctype doit être spécifié entre <head> et </head>...y a t il une autresolution que de tout faire "à la main", page par page?

Charles

twin · 10 Novembre 2008

Ça marche avec FF3, IE7, IE6, IE5 et Safari

co7645 · 10 Novembre 2008

twin a dit:
Ça marche avec FF3, IE7, IE6, IE5 et Safari

Actuellement?

twin · 10 Novembre 2008

Oui oui, c'est bon

co7645 · 10 Novembre 2008

twin a dit:
Oui oui, c'est bon

Merci beaucoup.
Charles