Bonjour,
je ne comprend pas pourquoi mes divs s'empilent les uns sur les autres .. Pouvez-vous m'aider ? merci

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
<html>
 
<head>
 
<title>Don't forget me ...</title>
 
	<!-- Mes feuilles de style -->
	<link rel="stylesheet" href="styles.css" type="text/css"> 
 
	<!-- Mon icône -->
	<link rel="shortcut icon" type="image/x-icon" href="icone.ico"> 
 
</head> 
 
<body>
 
<!-- Cadre du haut -->
<div id="menu"> 
 
</div> 
 
<!-- Cadre où s'ouvre le site -->
<div id="main"> 
<iframe id="accueil" frameborder="0" src="pageaccueil.html"></iframe>
</div>
<!-- Cadre du bas -->
<div id="bas"> 
</div>
 
 
</body>
</html>
Page 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
body {  color :#FFFFFF; margin-left:auto; margin-right:auto; background-color:#FFFFFF; font-size :14px; font-family :Lucida Sans Unicode;  }
input { font-size :14px; font-family :Lucida Sans Unicode; }
textarea { font-size :14px; font-family :Lucida Sans Unicode; }
select { font-size :14px; font-family :Lucida Sans Unicode; }
td { font-size :14px; font-family :Lucida Sans Unicode; }
iframe {border:0px; }
 
#menu{background-image:url(haut.jpg);  visibility: visible;  position: absolute; background-repeat:no-repeat; background-attachment: fixed; width:1024px; height:126px; color:#000000; display:block; background-color :#FFFFFF;   margin-left: auto; margin-right: auto; }
 
#main{background-image:url(milieu.jpg);  visibility: visible; position: absolute; background-repeat:no-repeat; background-attachment: fixed; width:1024px; display:block;  margin-left: auto; margin-right: auto;}
 
#accueil{background-image:url(milieu.jpg); visibility: visible; position: absolute; background-repeat:no-repeat; background-attachment: fixed;width:1024px; display:block;  height:474px;  margin-left: auto; margin-right: auto;}
 
#bas{width:1024px;  height:159px; visibility: visible; position: absolute; background-image:url(bas.jpg); background-repeat:no-repeat; background-attachment: fixed;  margin-left: auto; margin-right: auto;}