Discussion :

[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 :

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
#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 :

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
</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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...