Forum d'entraide PHPFrance

Bonjour a tous le monde

voila encore un hic avec CSS :'(
je veux faire un truc de simple mais j'arrive pas :s

voila ce que je veux faire tt en haut un div pour logo centrer
#header {
margin:auto;
width:925px;
height:263px;
background-color:red;
padding:0px 0px 30px 0px;
}
ce block restera tjr avec ces démenions
puis en bas de ce block y aura un div page ce div contiendra 2div (menu,et coeurDePage) et coeurDePage contiendra lui aussi 2 div (contenu et espacePub)

Code : Tout sélectionner

#page {
	margin:auto;
	width:1100px;
	height:500px;
	background-color:#159753;
	}
#menu {
	float:left;
	width:205px;
	height:500px;
	background-color:#111999;
	}
#coeurDePage {
	float:right;
	background-color:#414863;
	width:895px;
	height:500px;
	}
	#contenu
		{
		float:left;
		background-color:green;
		width:700px;
		height:500px;
		padding-left:15px;
		}
	#espacePub
		{
		float:left;
		background-color:#852654;
		width:180px;
		height:500px;
		}

et pour finir avec un div classic footer en bas de div page( qui contient tous les autres div
#footer{
margin:auto;
width :975px;
height:200px;
background-color:#369741;
}

et voici mon code html

<!DOCTYPE html>
<html>
	<head>
		<title>structure de mes pages</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
	</head>
	<body>
		<div id="header">
		
		</div>
		<div id="page">
			<div id="menu">
			
			</div>
			<div id="coeurDePage">
				<div id="contenu">
				
				</div>
				<div id="espacePub">
				
				</div>
			</div>
		</div>
		<div id="footer">
		
		</div>
	</body>
</html>

pour le moment c'est ça que je veux comme résultats

sauf que pour tous les divs de menu,coeurDepage, contenu et espacePub je veux leur mettre un height:auto; pour que leurs hauteur dépend de contenu de chaque div et donc tous ces div vont donné un height au div page ( c'est à dire que height de page = le height le plus grand des 4 div menu,coeurDepage, contenu et espacePub)

mais quand je fait ça le footer ne ce place pas en bas de div page :s

personnes?

toujours pas de réponse?

Et si tu mets

#page {
   margin:auto;
   width:1100px;
   height:100%;
   background-color:#159753;
   }

avec

html,body { 
height: 100%;
}

normalement la division page prendra la hauteur du body et poussera footer en bas de page

ça marche pas psk quand le height de contenu et plus grand que page bah le footer reste tjr coller au div page et contenu il dépasse footer :s

Forum d'entraide PHPFrance

positionnement des block (div)

positionnement des block (div)

Re: positionnement des block (div)

Re: positionnement des block (div)

Re: positionnement des block (div)

Re: positionnement des block (div)