Centrer le site...

le Lun Nov 10, 2008 9:28

Bonjour,

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

), 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

le Lun Nov 10, 2008 9:33

Salut,

Utilise margin:auto;

Voila

Code: Tout sélectionner: #conteneur { width: 980px; margin:auto; }

le Lun Nov 10, 2008 9:39

Tout est bien expliqué sur cet article de alsacreation

le Lun Nov 10, 2008 9:49

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...

le Lun Nov 10, 2008 9:56

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;
}

le Lun Nov 10, 2008 10:02

twin a écrit: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?

le Lun Nov 10, 2008 10:07

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

le Lun Nov 10, 2008 10:11

Dans body, ajoute :
text-align: center;

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

le Lun Nov 10, 2008 10:23

twin a écrit: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

le Lun Nov 10, 2008 10:27

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

le Lun Nov 10, 2008 10:46

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

Actuellement?

le Lun Nov 10, 2008 13:06

Oui oui, c'est bon

le Lun Nov 10, 2008 22:43

twin a écrit:Oui oui, c'est bon

Merci beaucoup.
Charles

Centrer le site...

Centrer le site...

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne