Occuper toute la page

Bonjour,

Je débute en CSS et j'ai fait la mise en page CSS suivante :

#conteneur {
  width: 800px;
  margin-left: auto; 
  margin-right: auto; 
  background-color:#fff;
  border:1px solid #75695D;
  text-align: left; /* rétablie l'alignement à cause du bug de centrage d'IE*/
} 
 
#haut {
  height: 125px;
}

#contenu{
  background-color:red;
  margin-left: 97px;
  padding:6px;
  border-left:1px solid #75695D;
  margin-bottom:0px;
  height:100%;
}

#gauche {
  float:left;
  width: 97px;
}

#pied {
  clear:both;
  color:#fff;
  background-color: #75695D;
  text-align:center;
}

avec

<div id="conteneur">
	<div id="haut"><img src="/fichiers/bandeau.jpg"></div>
	<div id="gauche"><img src="/fichiers/nom_du_site_90.gif"></div>	  	  
  <div id="contenu">Contenu</div>	  
	<div id="pied">Pied de page </div>
</div>

mon problème est que je voudrais que contenu occupe toute la page quand il n'y a pas assez de texte dedans...mais j'y arrive pas

merci d'avance pour votre aide

Bonsoir,

tu devrais trouver des éléments de réponse dans ce tutoriel.

Par ailleurs, il y a une petite approximation dans ta feuille de style :

text-align: left; /* rétablie l'alignement à cause du bug de centrage d'IE*/

IE (à partir de la version 6) comprend très bien le centrage à l'aide des marges automatiques, pourvu qu'on travaille en mode de respect strict des standards, i.e. lorsque la page est pourvue d'un DOCTYPE approprié en début de fichier ...

Merci pour le lien c'est pil poil ce dont j'avais besoin