Bonjour,

voilà qqchose de tout simple que je veux faire mais qui ne s'affiche pas comme il faut : "une entête en haut de la page, un menu à gauche de la fenetre, le contenu à droite et le pied de page en bas..."

IE m'affiche les différents cadres, les uns en dessous des autres (comme s'il ne tenait pas compte des 'float' ...)
J'ai un peu fouillé sur le site mais je ne comprends pas pquoi ce que j'ai fais ne fonctionne pas (j'utilise IE7).

Merci

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
<body>
<div id="HEADER">
  <p>TITLE GOES HERE</p>
</div>
 
<div id="CMENU">
 <ul>
  <li>lien 1</li> 
  <li>lien 2</li>
  <li>lien 3</li>
 </ul>
 
</div>
 
<div id="CMAIN">
  <p> ceci est la colonne principale </p>
</div>
 
 
<div id="FOOTER">
   <p> ceci est le pied </p>
</div>
 
</body>
code 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
#HEADER {
background-color: #666;
}
 
#CMENU {
width: 20%
float: left;
background-color: white;
text-align : justify;
}
 
#CMAIN {
width: 80%
float: left;	  
background-color: white;
}
 
#FOOTER {
clear: both;
border-top: 1px solid #333;
text-align: center;
}