HTML : déplacement de mes boites
Aaymeric
Messages postés
83
Statut
Membre
-
Popoï_ Messages postés 179 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
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:
- HTML : déplacement de mes boites
- Editeur html - Télécharger - HTML
- Espace en html ✓ - Forum HTML
- Nbsp html ✓ - Forum Webmastering
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Html download - Télécharger - HTML
3 réponses
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;
}
.test{
margin-left : auto;
margin-right : auto;
}
Ca ne fonctionne toujours pas :s
La boite se deplace toujours sur la gauche quand je rappetici la page :s
La boite se deplace toujours sur la gauche quand je rappetici la page :s
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;*/
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;*/
