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