Partage
  • Partager sur Facebook
  • Partager sur Twitter

centrer un bloc

kamalito
    1 décembre 2005 à 15:54:34

    salut tous le monde
    comment centrer un bloc dans un autre bloc verticalement et horizontelement, c'est à dire dans le centre du bloc parent :)
    merci de votre aide
    • Partager sur Facebook
    • Partager sur Twitter
    Frygane
      1 décembre 2005 à 16:00:38

      en mettant

      margin : auto ;




      Normalement ca devrait aller , je pense
      • Partager sur Facebook
      • Partager sur Twitter
      Zipjo
      baptiste.k
        1 décembre 2005 à 16:46:32

        On ne peut pas centrer un bloc verticalement !
        Sauf dans les tableaux, mais c'est pas un bloc donc je ne pense pas que ça ira :
        vertical-align
        • Partager sur Facebook
        • Partager sur Twitter
        san1981
        • HTML / CSS
          1 décembre 2005 à 18:37:57

          Je pense que margin: auto centre aussi bien horizontalement mais
          verticalement aussi.
          MAis margin: auto ne fonctionnera que si une
          largeur est définie pour le bloc concerné
          • Partager sur Facebook
          • Partager sur Twitter
          Webmaster passionnée par mon métier mais aussi par les personnes qui m'entourent, l'art, le design, la nature, l'architecture, la lecture et toutes les beautés de la vie ;-)
          scaler
            1 décembre 2005 à 18:59:42

            Bonjour,

            Tout dépend de l'effet escompté, mais pour centrer un bloc verticalement en Xhtml 1.0 et gniagniagnia :p , il faut user d'un petit stratagème du style :


            #bloc
            {
              width: XXpx;
              height XXpx;
              position: absolute;
              top: 50%;
              margin-top: -XXpx;  /* où XXpx est égale à la moitié de la hauteur du bloc*/
            }


            Si l'effet désiré est d'avoir simplement une image centrée parfaitement sur une page, il suffit de l'insérer par le css avec un background-position: center center;

            Bon courage
            • Partager sur Facebook
            • Partager sur Twitter

            centrer un bloc

            × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
            × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
            • Editeur ●
            • Markdown