Problème centrage site en CSS
Résolu
Bonjour,
Voici l'adresse de mon site http://www.bethanie-rehoboth.com/Marc_Jordan/ et de ma page CSS http://www.bethanie-rehoboth.com/Marc_Jordan/css/style.css
Pouvez vous m'indiquez ce qui m'empêche de mettre tout le site en milieu de page. J'ai essayé le
<div id="global"> ou le <center> juste après le body mais rien à faire, la j'ai joué avec les margin dans le body pour qu'il bouge mais ça ne s'adapte pas aux différentes résolution d'écran !
Merci
Dom
Voici l'adresse de mon site http://www.bethanie-rehoboth.com/Marc_Jordan/ et de ma page CSS http://www.bethanie-rehoboth.com/Marc_Jordan/css/style.css
Pouvez vous m'indiquez ce qui m'empêche de mettre tout le site en milieu de page. J'ai essayé le
<div id="global"> ou le <center> juste après le body mais rien à faire, la j'ai joué avec les margin dans le body pour qu'il bouge mais ça ne s'adapte pas aux différentes résolution d'écran !
Merci
Dom
Configuration: Windows XP Firefox 3.0.15
1 réponse
-
centrer une div de 500px x 200px (largeur x hauteur) avec css:
<div class="global">
toto
</div>
.global {
position: absolute;
width: 500px;
height: 200px;
top: 50%;
left: 50%;
margin-top: -100px; //moitié de la hauteur du div
margin-left: -250px; // moitié de la largeur du div
display: block;
}
dans ton cas, soit tu centre tout et tu tâtonnes pour trouver la bonne place. soit tu centre le conteneur et tu met tout dedans
