18041 sujets

Questions générales et questions de débutants

Centrage d'un menu (float) et d'un container

Bonsoir,
J'aimerais centrer mes deux div (menu) et (contenu) sur la largeur et faire en sorte que le menu colle au contenu !
Merci pour vos lumières

voici mon code pour les div :
div#menuleft {
float:left;
width:180px;
height:800px;
background-color:#FF6699;
}
div#contenu {
width:75%;
margin:auto;
height:800px;
background-color:#FFCC00;
}

et mon html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="div.css">
<title>Positionnement CSS</title>
</head>
<body>
<div id="entete">Ceci est le bandeau</div>
<div id="menuleft">Ceci est le menu</div>
<div id="contenu">Ceci est le contenu</div>
<div id="pied_page">Ceci est le pied de page</div>
</body>
</html>

Vous voyez que le contenu est centré mais le menu este à gauche je sais qu'il faut remplacer la balise left mais je ne sais pas quoi mettre
Modifié par i.racine (20 Sep 2011 - 21:57)

div#menuleft {
float:left;
width:180px;
height:800px;
background-color:#FF6699;
}
div#contenu {
width:75%;
[b]float:right;[/b]
height:800px;
background-color:#FFCC00;
}


ou enlève le flottement du contenu, il est obsolète dans la mesure ou ton premier élément menu prends le dessus avec un positionnement flottant à gauche..
a écrit :
Ou alors, créé une div qui contient l'ensemble de tes blocks, ou tu mettras margin= 0 auto;


oui aussi, et dans ce cas vire les float
Sujet clos
Aller à