auto ajustement de la page html

[fbb53]

Bonjour

je suis débutant en html et css j'ai seulement des bases, je vous explique mon probleme, je veux découper ma page en plusieurs bloque et j'aimerai que mon code s'auto-ajuste en fonction de la taille de l'ecran, pour le moment il s'adapte en largeur mais pas en hauteur ( j'ai pourtant essayé height:auto

Pouvez vous m'aider svp

D'avance merci
mon css

Code css :

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
#conteneur {
    width:autopx;
}
#barre_titre {
text-align:center;
}
#menu {
width:170px;
height:600px;
float:left;
}
 
#menu_gauche {
width:170px;
height:600px;
float:right;
}
 
#contenu {
text-align:justify;
}
#pied_de_page{
text-align: center;
clear:left;
}

et mon code, sans le début car sinon je n'arrive pas a poster ^^

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
</head>
 
<div id="conteneur">
  <div id="barre_titre">
<h1> test </h1>
  </div>
  <div id="menu">
  <ol>
    <li>ceci</li>
    <li><a href="page1.html">est</a></li>    
  </ol>
  </div>
ici on écrit
<div id="pied_de_page">
test
</div>
</div>

[NoSmoking]

Bonsoir,
un truc qui aide bien au départ est de mettre

Code css :

1
2
3
4
5
html, body{
  height:100%;
  margin:0;
  padding:0;
}

un truc qui aide bien aussi est faire un CSS conforme

Code css :

1
2
3
#conteneur {
  width:autopx; /* C'EST QUOI autopx ????? erreur de recopie ??? */
}

et un truc qui aide bien est de mettre le conteneur au dimension de la fenêtre

Code css :

1
2
3
4
5
#conteneur {
  width:100%;
  height:100%;
  background-color:#e0e0e0; /* juste pour voir ou il se situe */
}

après il y aura sûrement autre chose...