Discussion :

[hellspawn_ludo]

Bonjour,

Je cherche à centrer horizontalement dans le navigateur, mon bloc div principal contenant lui-même d'autres blocs mais impossible d'y arriver.

Je pensais qu'en encadrant ledit div par un <div align="center"> cela aurait fonctionné mais non.

Voici mon code :

HTML

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<div align="center">
 
    <div class="encadrement">
 
        <div id="boite1"></div>    
 
        <div id="boite2"></div>
 
    </div>
 
</div>

CSS

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
        div.encadrement{    position:absolute;
                            width:800px;                
                            height:350px;               
                            top:0px;                    
                            background-color:black;}
 
        div#boite1    {position:absolute;
                            width:706px;            
                            height:260px;           
                            top:35px;               
                            left:0px;               
                            background-color:green;        
                           }        
 
 
 
       div#boite2  {  position:absolute;
                      width:168px;
                      height:47px;
                      top:290px;
                      left:480px;
                      background-color:gray;  
                      z-index:1;}

Auriez-vous la solution à mon problème ?

Merci beaucoup.

[pop_up]

au lieu de mettre div align=center essai plutot de lui appliquer ceci :

Code :

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

1
2
3
4
5
#principal{ 
width:Ta largeur ;  
margin:auto; 
padding:0; }

ça devrait fonctionner

[hellspawn_ludo]

En effet, ça fonctionne impeccablement. J'aurais dû penser à ces 2 propriétés.

Merci à toi.

[MasterOfChakhaL]

Pour info:

Ceci était présent dans la FAQ XHTML/CSS
http://xhtml.developpez.com/faq/?pag...orizontalement

[hellspawn_ludo]

Désolé MasterOfChakhaL.

Promis la prochaine fois, j'y jette un oeil de plus près.