28172 sujets

CSS et mise en forme, CSS3

Hauteur de div

Bonjour à toutes et à tous,
Voilà le problème, je souhaiterais que le div 'footer' se trouve au bas de l'écran. Comment faire pour agir sur le div 'intermédiaire'.
Merci d'avance.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style>
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#main_container {
	background-color: #000000;
	height: auto;
	width: 100%;
}
#header_left {
	background-color: #FF0000;
	float: left;
	height: 100px;
	width: 1000px;
}
#header_right {
	background-color: #FFFF00;
	float: right;
	height: 100px;
	width: 100px;
}
#main_content {
	float: left;
	width: 100%;
}
#content_left {
	background-color: #00FFFF;
	float: left;
	height: 400px;
	width: 1000px;
}
#content_right {
	background-color: #00FF00;
	margin-left: 1000px;
	height: 400px;
}
#intermediaire {
	background-color: #FF00FF;
	height: 100%;
}
#footer{
	width: 100%;
	background-color: #FF9999;
	height: 100px;
}

</style>
</head>

<body>
<div id="main_container">
  <div id="header_left">Placez ici le contenu de  id "header_left"</div>
  <div id="header_right">Placez ici le contenu de  id "header_right"</div>
  
  <div id="main_content">
  <div id="content_left">Placez ici le contenu de  id "content_left"</div>
  <div id="content_right">Placez ici le contenu de  id "content_right"</div>
  </div>
  <div id="intermediaire">Placez ici le contenu de  id "intermediaire"</div>
  
  <div id="footer">Placez ici le contenu de  id "footer"</div>
</div>
<!-- end main_container -->
</body>
</html>
Petite avancée, j'ai trouvé la solution pour mettre le div 'footer' au bas de l'écran.

#footer{
	width: 100%;
	background-color: #FF9999;
	height: 100px;
	position: absolute;
	bottom: 0; 
	left: 0;
}
Salut,

Comme bien souvent, le code au kilomètre ne passionne pas les foules...
Aurais tu une page en ligne, ça rend la tâche plus facile pour bien identifier ton problème et proposer une ou plusieurs solutions. Smiley cligne
Sujet clos
Aller à