Centrer un bloc dans un bloc plus large

**tom42** · 21/02/2008, 11h46

Bonjour,
j'ai un <div> conteneur d'un autre élément en display bloc.
Je voudrait centrer ce dernier dans le conteneur.
Voila ce que je fais :
css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
#bloc1{
    border : solid #000000 1px;
    width : 100%;
    text-align : center;
}
#bloc2{
    border : solid #FF0000 1px;
    width : 200px;
    height : 200px;
}

body

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<body>
    <div id="bloc1">
        <div id="bloc2">&nbsp;</div>
    </div>
</body>

Malheureusement le bloc n°2 est aligné à gauche

Merci d'avance pour votre aide.

**Bisûnûrs** · 21/02/2008, 13h53

Avec margin:auto; sur bloc2, cf FAQ :
http://xhtml.developpez.com/faq/?pag...orizontalement

**tom42** · 21/02/2008, 15h06

Désolé de ne pas avoir fouillé suffisamment.
En tout cas merci beaucoup.

Centrer un bloc dans un bloc plus large

Centrer un élément en CSS

Discussions similaires

Partager

Partager