Bonsoir à tous !

Je suis entrain de concevoir un site web.J'ai regardé beaucoup de sources css pour voir comment il fallait positionner les blocs : en-tête, menu, corps et pieds de page. Je constate qu'il y a bc de manière de faire. Certains utilisent des float, d'autres des positions fixed, absolu ou relative.

Je me demandais laquelle de ces solutions choisir sachant que je veux que mon site soit adaptable à la résolution de l'écran ?

Voici un test que j'ai fait :

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
54
55
56
 
#conteneur
{
 border:2px solid;
}
 
#enTete
{
 border:2px solid;
}
 
#contenu
{
  border:2px solid;
}
 
#menu
{
 float:left;
 border:2px solid;
}
 
#corps
{
 float:left;
 border:2px solid;
}
 
#piedDePage
{
 clear:both;
 border:2px solid;
}
-------
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
 
 <HEAD>
  <META http-equiv="content-type" content="text/html; charset=windows-1250">
  <TITLE>test</TITLE>
  <LINK href="styles.css" rel="stylesheet" type="text/css"/>
 </HEAD>
 
 <BODY>
  <DIV ID="conteneur">
   <DIV ID="enTete">en tete</DIV>
   <DIV ID="contenu">
     <DIV ID="menu">menu</DIV>
	 <DIV ID="corps">corps</DIV>
   </DIV>
   <DIV ID="piedDePage">pied de page</DIV>
  </DIV>
 </BODY>
 
</HTML>
Qu'en pensez-vous ?

J'ai un souci quand je définis une largeur pour mon contenu, ma mise en page est toute chamboulée qd je la minimise.