HTML : déplacement de mes boites

Fermé
Aaymeric Messages postés 78 Date d'inscription jeudi 29 septembre 2011 Statut Membre Dernière intervention 7 octobre 2018 - 28 oct. 2011 à 18:59
Popoï_ Messages postés 171 Date d'inscription mardi 21 juin 2011 Statut Membre Dernière intervention 8 mars 2019 - 31 oct. 2011 à 19:31
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






A voir également:

3 réponses

Gwopro Messages postés 38 Date d'inscription vendredi 28 octobre 2011 Statut Membre Dernière intervention 15 mai 2012 14
28 oct. 2011 à 19:06
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
Aaymeric Messages postés 78 Date d'inscription jeudi 29 septembre 2011 Statut Membre Dernière intervention 7 octobre 2018
28 oct. 2011 à 19:54
Ca ne fonctionne toujours pas :s

La boite se deplace toujours sur la gauche quand je rappetici la page :s
0
Gwopro Messages postés 38 Date d'inscription vendredi 28 octobre 2011 Statut Membre Dernière intervention 15 mai 2012 14
28 oct. 2011 à 19:56
Peux-tu nous fournir le bout de code CSS ? et aussi, quel navigateur utilises-tu ?
0
Aaymeric Messages postés 78 Date d'inscription jeudi 29 septembre 2011 Statut Membre Dernière intervention 7 octobre 2018
28 oct. 2011 à 20:05
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
Gwopro Messages postés 38 Date d'inscription vendredi 28 octobre 2011 Statut Membre Dernière intervention 15 mai 2012 14
Modifié par Gwopro le 28/10/2011 à 20:13
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
Aaymeric Messages postés 78 Date d'inscription jeudi 29 septembre 2011 Statut Membre Dernière intervention 7 octobre 2018
28 oct. 2011 à 20:24
Non ce n'est pas ca :s
0
Aaymeric Messages postés 78 Date d'inscription jeudi 29 septembre 2011 Statut Membre Dernière intervention 7 octobre 2018
28 oct. 2011 à 20:25
ooooh si ^^ Merci beaucoup :)
0
Popoï_ Messages postés 171 Date d'inscription mardi 21 juin 2011 Statut Membre Dernière intervention 8 mars 2019 75
31 oct. 2011 à 19:31
Mini commentaire... C'est position: absolute; et pas absolue...
0