HTML : déplacement de mes boites

Aaymeric Messages postés 83 Statut Membre -  
Popoï_ Messages postés 179 Statut Membre -
Bonjour,
Je suis en train de faire un site en html avec des boites contenant du texte, des images, ...
Mon problème est que, lorsque je diminue la fenêtre de mon navigateur (ctrl+-), ma boite étant au milieu de mon site, se deplace sur le coin supérieur gauche et mon site lui se diminue ou s'agrandit normalement. Pourriez vous me dire quelle ligne de code je dois mettre en css pour fixer ma boite au centre du site.

PS: j'ai essayé position : absolue; et ca ne fonctionne.

Merci

3 réponses

  1. Gwopro Messages postés 48 Statut Membre 14
     
    Pour centrer une boite ou un "bloc" au centre horizontale du bloc qui le contient, tu peux utiliser :

    .test{
    margin-left : auto;
    margin-right : auto;
    }
    0
  2. Aaymeric Messages postés 83 Statut Membre
     
    Ca ne fonctionne toujours pas :s

    La boite se deplace toujours sur la gauche quand je rappetici la page :s
    0
    1. Gwopro Messages postés 48 Statut Membre 14
       
      Peux-tu nous fournir le bout de code CSS ? et aussi, quel navigateur utilises-tu ?
      0
    2. Aaymeric Messages postés 83 Statut Membre
       
      J'utilise firefox.

      mon css des boites :
      .boxTexte{
      width:1290px;
      height:1050px;
      padding-top : 0cm;
      padding-left: 0.5cm;
      border:solid 1px red;
      margin-left:7.65cm;
      margin-top : 1.6cm;
      }

      .boxTexteSkateurs{
      width:1290px;
      height:3500px;
      padding-top : 0cm;
      padding-left: 0.5cm;
      border:solid 1px red;
      margin-left : auto;
      margin-right : auto;
      /*margin-left:7.65cm;
      margin-top : 1.6cm;*/
      0
    3. Gwopro Messages postés 48 Statut Membre 14
       
      Je n'arrive pas à vraiment comprendre ton code. Néanmoins, quand tu utilises margin-left : auto; + margin-right : auto;. Le "centrage" s'additionne au autres marges ("padding"+"margin"). Vérifie que cela ne provient pas de ça...
      0
    4. Aaymeric Messages postés 83 Statut Membre
       
      Non ce n'est pas ca :s
      0
    5. Aaymeric Messages postés 83 Statut Membre
       
      ooooh si ^^ Merci beaucoup :)
      0
  3. Popoï_ Messages postés 179 Statut Membre 76
     
    Mini commentaire... C'est position: absolute; et pas absolue...
    0