Forcer une div vide à s'étendre sur toute la page verticalement.

Bonsoir,

Je viens vous voir pour un petit problème dont la solution m'échappe vraiment :s

Voilà mon problème :
http://img10.hostingpics.net/thumbs/mini_812973problemebarrejpg.jpg

J'aimerais en effet que cette div descende et touche le bas de ma page..

Voici le HTML :

<div id="conteneur">
		<div id="header">
			<img id="logo" src="images/logo.png" alt="logo" title=" !" /> 
			 </div> <div id="barreverticale"></div>

Voici le CSS :

#conteneur  
{
	padding-top: 0px;
	margin-top: 0px;
	margin-left: auto; 
	margin-right: auto;
	width: 1024px;
}

#barreverticale 

{
	width: 50px;
	height: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	background-color: #f4e798;
	margin-left: 102px;
	display: block;
}

En tout cas,

Merci d'avance

Bonjour Webmacit,

j'espère que ce bout de code t'apportera une solution...

#conteneur
{
	height: 100%;
	background: #fff;
	padding: O;
	margin: 0;
}

#barreverticale
 
{ 
    width: 120px; 
    min-height: 100%; 
    background-color: #f4e798; 
    margin: 0px;
	border: 1px solid black;

} 

	<div id="conteneur">
		<div id="barreverticale"> 
			<p>mon texte...</p>
		</div>	
	</div>

@+
Olivier
Modifié par diaboliv (24 Nov 2010 - 14:04)