HTML : déplacement de mes boites
Aaymeric
Messages postés
78
Date d'inscription
Statut
Membre
Dernière intervention
-
Popoï_ Messages postés 171 Date d'inscription Statut Membre Dernière intervention -
Popoï_ Messages postés 171 Date d'inscription Statut Membre Dernière intervention -
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 html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- /Var/www/html/index.html ✓ - Forum Linux / Unix
- 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;*/
