Comment centrer 2 div alignées ?

**bdaboah** · 11/11/2007, 15h56

Bonjour
J'aimerais aligner 2 div mais je n'y arrive pas

Voila le code que je fais :

Le 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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
body,#page {
     text-align: center; 
     }
 
     #header {                       
     margin-left: auto;
     background-image: url(../images/ban.jpg);
     background-position: top;
     background-repeat: no-repeat;
     margin-right: auto;
     width: 1000px;
     height: 100px;
     text-align: left; 
     }
 
     #barre{
        background-color: red;
        width: 1000px;
            margin-left: auto;
            margin-right: auto;
            text-align: left;
            }
 
    #menu{
        width: 100px;
        background-color: yellow;
        margin-left: auto;
        margin-right: auto;
        float: left;
    }
 
    #corps{
        width: 900px;
        background-color: green;
        float: left;
          margin-left: auto;
            margin-right: auto;
    }

Le html

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
<html>    
    <head>
        <link href="css/css_defaut.css" rel="stylesheet" type="text/css" />
        <title>Untitled 1</title>
    </head>
 
    <body>
        <div id="page">
            <div id="header">ffffffffffffff</div>
            <div id="barre">barre</div>
            <div id="menu">menu</div>
            <div id="corps">corps</div>
        </div>
    </body>
</html>

Le rendu :

Est-ce que quelq'un vois ou ca cloche ?

Merci

**Kerod** · 12/11/2007, 02h09

Teste comme ceci :

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
25
26
27
28
29
30
31
32
33
34
35
body
{
   text-align: center;
}
#page {
     margin: auto;
     text-align: left;
     width: 1000px; 
     }
     
     #header {		 	      	
     background-image: url('../images/ban.jpg');
     background-position: top;
     background-repeat: no-repeat;
     width: 100%;
     height: 100px;
     text-align: left; 
     }
     
     #barre{
		background-color: red;
		width: 100%;
			}
	
	#menu{
		width: 100px;
                background-color: yellow;
		float: left;
	}
		
	#corps{
		width: 900px;
		background-color: green;
		float: left;
	}

**bdaboah** · 12/11/2007, 09h28

Impécable
Rien a dire

Merci

Comment centrer 2 div alignées ?

Centrer un élément en CSS

Discussions similaires

Partager

Partager