Centrer le site...

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par co7645, 10 Novembre 2008.

  1. co7645
    co7645 WRInaute impliqué
    Inscrit:
    18 Février 2006
    Messages:
    866
    J'aime reçus:
    0
    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
     
  2. dorian53
    dorian53 WRInaute passionné
    Inscrit:
    10 Avril 2005
    Messages:
    1 886
    J'aime reçus:
    1
    Salut,

    Utilise margin:auto;

    Voila :)



    Code:
    #conteneur {
      width: 980px; margin:auto;
    }
     
  3. twin
    twin WRInaute passionné
    Inscrit:
    23 Février 2004
    Messages:
    1 237
    J'aime reçus:
    0
  4. co7645
    co7645 WRInaute impliqué
    Inscrit:
    18 Février 2006
    Messages:
    866
    J'aime reçus:
    0
    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
     
  5. twin
    twin WRInaute passionné
    Inscrit:
    23 Février 2004
    Messages:
    1 237
    J'aime reçus:
    0
    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;
    }
     
  6. co7645
    co7645 WRInaute impliqué
    Inscrit:
    18 Février 2006
    Messages:
    866
    J'aime reçus:
    0
    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?
     
  7. twin
    twin WRInaute passionné
    Inscrit:
    23 Février 2004
    Messages:
    1 237
    J'aime reçus:
    0
    Euh, là c'est bon avec FF, mais pas IE
     
  8. twin
    twin WRInaute passionné
    Inscrit:
    23 Février 2004
    Messages:
    1 237
    J'aime reçus:
    0
    Dans body, ajoute :
    text-align: center;

    body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    text-align: center;
    }
     
  9. co7645
    co7645 WRInaute impliqué
    Inscrit:
    18 Février 2006
    Messages:
    866
    J'aime reçus:
    0
    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
     
  10. twin
    twin WRInaute passionné
    Inscrit:
    23 Février 2004
    Messages:
    1 237
    J'aime reçus:
    0
    Ça marche avec FF3, IE7, IE6, IE5 et Safari
     
  11. co7645
    co7645 WRInaute impliqué
    Inscrit:
    18 Février 2006
    Messages:
    866
    J'aime reçus:
    0
    Actuellement?
     
  12. twin
    twin WRInaute passionné
    Inscrit:
    23 Février 2004
    Messages:
    1 237
    J'aime reçus:
    0
    Oui oui, c'est bon ;)
     
  13. co7645
    co7645 WRInaute impliqué
    Inscrit:
    18 Février 2006
    Messages:
    866
    J'aime reçus:
    0
    Merci beaucoup.
    Charles
     
Chargement...
Similar Threads - Centrer Forum Date
grande image centrer verticalement dans DIV avec largeur variable de l'ecran Développement d'un site Web ou d'une appli mobile 28 Juin 2022
Balise Canonical pour "concentrer le jus" SEO? Problèmes de référencement spécifiques à vos sites 18 Juin 2015
Centrer image thème naturespace Développement d'un site Web ou d'une appli mobile 19 Mars 2015
Centrer une image en height Développement d'un site Web ou d'une appli mobile 27 Février 2015
Centrer mon site Demandes d'avis et de conseils sur vos sites 26 Novembre 2014
peut on oublier google et se concentrer sur bing et yahoo? Débuter en référencement 7 Février 2013
Centrer une image horizontalement sur un div Développement d'un site Web ou d'une appli mobile 25 Septembre 2012
Centrer verticalement un texte (CSS) Développement d'un site Web ou d'une appli mobile 16 Février 2012
centrer menu horizontal deroulant Développement d'un site Web ou d'une appli mobile 28 Juin 2011
[css] Comment centrer un bloc css? Développement d'un site Web ou d'une appli mobile 25 Août 2010
[RESOLU] jQuery : centrer par rapport à la taille du navigateur Développement d'un site Web ou d'une appli mobile 25 Août 2010
Centrer un site en css????? Développement d'un site Web ou d'une appli mobile 14 Mars 2009
Centrer une image de taille variable. Développement d'un site Web ou d'une appli mobile 8 Mars 2009
Centrer une image en CSS Développement d'un site Web ou d'une appli mobile 11 Novembre 2008
Centrer newsletter Demandes d'avis et de conseils sur vos sites 7 Octobre 2008
pas moyen de centrer mon site Développement d'un site Web ou d'une appli mobile 27 Juin 2008
CSS : centrer un div Développement d'un site Web ou d'une appli mobile 6 Mai 2008
Centrer une page ? Développement d'un site Web ou d'une appli mobile 29 Février 2008
Pour centrer mon tableau ? Développement d'un site Web ou d'une appli mobile 17 Janvier 2008
probleme ... centrer ma banniere .... Développement d'un site Web ou d'une appli mobile 2 Décembre 2007