Pied de page qui s'affiche sous le header

Bonjour,

Voilà mon problème c'est que le pied de page s'affiche sous le div header.
C'est problèmatique. Je pense que le problème vient de mes 3 colonnes (gauche, droite, droitecol)qui sont en absolute. Vous auriez une astuce pour que je puisse afficher mon pied de de page en bas. J'ai essayé plein de trucs mais rien ne marche. Ne pouvant déterminer la hauteur d'une des 3 colonnes je ne sais vraiment pas comment faire.

Mon fichier CSS

#header {
	height: 117px;
	width: 945px;
	background-color: #fff;
	text-align: left;
	vertical-align : top;
}

#droite {
text-align: left;
background-color: White;
position: absolute;
margin-top: 30px;
left:523px;
width: 300px;
}

#gauche {
background-color: White;
position: absolute;
left:0;
width: 523px;
}

#droitecol {
text-align: left;
position: absolute;
margin-top: 30px;
background-color: Red;
left:823px;
width: 122px;
}

#footer {
width:945px; 
margin:0 auto;}

Mon code HTML

<div id="conteneur">
	<div id="header">
		<!-- Ceci est mon haut de page -->
	</div>
	<div id="gauche">
		
	</div>
	<div id="droite">
		
	</div>
<div id="droitecol">
		
	</div>
	<div id="footer">
		<!-- Ceci est mon pied de page -->
	</div>
</div>

Merci.
Modifié par azzurro (30 Sep 2008 - 18:12)

Bonjour,

je t'invite à aller regarder du côté des gabarits de mise en page dans les tutoriels: http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS ou bien sur d'autres sites dont tu pourras trouver les adresses ici sur le forum dans le Salon des Ressources

Les 3 articles d'Initiation au positionnement CSS d'Openweb sont un must également.
Tu pourras y lire que

a écrit :
Le positionnement absolu « retire » totalement du flux le contenu concerné

Si le contenu positionné en absolu n'est plus dans le flux, le contenu qui suit va donc "remonter" jusqu'au contenu précédent non positionné en absolu ... Il n'y aurait rien ce serait pareil (enfin sauf que là ça se superpose en général )