Bonjour a tous,

Je rencontre un problème dans le positionnement d'une DIV.

J'aimerais en effet que toutes mes div soient alignées hors l'une d'entre elles est décalé.

Je ne comprend pas d'où vient le problème ?

Voici le code 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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
 
    <title>site</title>
 
    <link href="css/home.css" rel="stylesheet" type="text/css" />
 
</head>
 
<body>
 
<div class="header">HEADER</div>
 
<div id="banner">BANNER</div>
 
 
 
 
        <div id=div1>
              DIV1  
        </div>
 
        <div id=div2>
                DIV2
        </div>
 
 
 
<div class="footer">FOOTER</div>
 
</body>
</html>
Et voici 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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
.header{
 
    background-color: #666;
    width: 900px;
    height: 50px;
}
 
div#banner{
 
    background-color: #999;
    width: 900px;
    height: 100px;
}
 
div#div2 {
	/*background-image: url(images/concepthorizontal.gif);*/
	/*background-repeat: no-repeat;*/
    font-family: Verdana, sans-serif;
    font-size: small;
    text-align: center;
    background-color: #EEE;
    position: absolute;
    width: 450px;
    top: 150px;
    height:500px;
    left:450px;
    color: black;
}
 
div#div1 {
	/*background-image: url(images/concepthorizontal.gif);*/
	/*background-repeat: no-repeat;*/
    font-family: Verdana, sans-serif;
    font-size: small;
    text-align: center;
    background-color: #AAA;
    width: 450px;
    height:500px;
    top: 150px;
    color: black;
}
 
.footer{
 
    font-family: Verdana, sans-serif;
    font-size: small;
    text-align: center;
    color: white;
    background-color: #555;
    width: 900px;
    height: 20px;
    top: 650px;
}
Quelqu'un pourrait il m'aider et m'expliquer s'il vous plait .