Centrer une page ?

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par albert, 29 Février 2008.

  1. albert
    albert WRInaute occasionnel
    Inscrit:
    27 Août 2003
    Messages:
    373
    J'aime reçus:
    0
    Voilà, je viens de m'acheter un écran 22'' et je me rend compte que pour ceux qui ont une résolution élevée, mon site est mal conçu.

    Je voudrais donc que l'ensemble de la page soit centrée au lieu d'avoir le tout de collé à gauche. Comment faire ? (c'est le site de mon www).
    A noter qu'il me faudrait les détails car je suis pas doué en html et encore moins avec les css...

    Merci pour votre aide.
     
  2. mikaelka
    mikaelka Nouveau WRInaute
    Inscrit:
    24 Décembre 2007
    Messages:
    30
    J'aime reçus:
    0
    il faut que les bord soit en auto dans ton css pour ton conteneur.

    Dans le .css :

    madiv{
    margin-left: auto;
    margin-right: auto;
    }
     
  3. albert
    albert WRInaute occasionnel
    Inscrit:
    27 Août 2003
    Messages:
    373
    J'aime reçus:
    0
    -> Mikaelka Désolé mais je ne vois pas à quel niveau le placer le madiv{....
     
  4. Koidirou
    Koidirou Nouveau WRInaute
    Inscrit:
    3 Mai 2007
    Messages:
    48
    J'aime reçus:
    0
    body {
    margin:auto;
    }
     
  5. albert
    albert WRInaute occasionnel
    Inscrit:
    27 Août 2003
    Messages:
    373
    J'aime reçus:
    0
    Ca ne donne rien, en fait je ne sais pas ou le placer ou ce que celà doit remplacer...
     
  6. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    12 011
    J'aime reçus:
    133
    Soit dans une feuille de style externe, soit entre des balises <style></style> dans ta page.
     
  7. athoms
    athoms WRInaute discret
    Inscrit:
    22 Avril 2004
    Messages:
    212
    J'aime reçus:
    0
    Pas du tout conforme aux standards, mais permet souvent de résoudre des petits problèmes de ce genre...
    <center></center> entre <body>et </body>. C'est sale mais ça marche assez bien :)
     
  8. albert
    albert WRInaute occasionnel
    Inscrit:
    27 Août 2003
    Messages:
    373
    J'aime reçus:
    0
    -> athoms : le résultat est le meilleur obtenu mais il reste plusieurs éléments qui sont pas centrés comme la partie en haut de page ...
     
  9. mikaelka
    mikaelka Nouveau WRInaute
    Inscrit:
    24 Décembre 2007
    Messages:
    30
    J'aime reçus:
    0
    Si ces éléments dont tu parle sont bien dans le bloc qui est centré alors peut être qu'il sont en "position : absolute;" au lieu de "position : relative;".

    exemple :
    monElementPasCentré
    {
    position : relative;
    }

    Ces détails sont à placer aussi dans ton fichier css.
     
  10. deepo
    deepo Nouveau WRInaute
    Inscrit:
    5 Juin 2007
    Messages:
    23
    J'aime reçus:
    0
    I love css

    Salut Albert,

    Dans un premier temps, tu devrais consulter l'excellent site d'Alsacréations.

    Ceci étant, et pour t'éviter le déplacement :) voici ce que tu peux faire.

    juste après ta balise <body> tu ouvre un <div> que tu appelle comme tu veux, par exemple : <div id="global">

    La dedans tu mets tout ton site

    </div>
    n'oublie pas de refermer le <div> juste avant </body>

    et dans la feuille de style tu donne ces propriétés à ton div "global"

    Code:
    #global {
       margin: 0 auto; /* ou margin: 0 auto 0 auto; correspondant à tes marges dans le sens des aiguilles d'une montre, soit : haute droite basse gauche.*/
      padding: 0; /* marge intérieure */
      width: 1000px; /* cette largeur est un exemple mais tu dois en mettre une si tu veux que le margin auto fonctionne. */
    }
    Le fait de donner une largeur fixe va peut-être de causer quelques soucis avec tes éléments intérieurs surtout si tu leur à donner une largeur à eux aussi, mais c'est un début de réponse.

    Bon courage
    a{++}
     
  11. Pandore
    Pandore WRInaute passionné
    Inscrit:
    14 Octobre 2005
    Messages:
    1 108
    J'aime reçus:
    0
    Aucune chance que ça marche. Il faut impérativement spécifier la largeur du conteneur, si on veut utiliser la valeur "auto". :wink:
     
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 le site... Développement d'un site Web ou d'une appli mobile 10 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
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