28172 sujets

CSS et mise en forme, CSS3

[Résolu] Colonnes factices avec un include

Bonjour,

Mon souci est simple et ordinaire (je le sens) mais voilà… des heures de recherche ne m'ont pas apporté la solution Smiley confus
J'ai un gabarit de page classique comme ceci :
<body>
<div id="contenu_pages">
<div id="bandeau_haut">…</div>
<div class="menus"><?php include("menu.php"); ?></div>
<div class="textes">…</div>
</div>
</body>

Mes styles CSS :
body {
	font-family:"Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	background-color:#F4F6F7;
}
#contenu_pages {
	width:987px;
	background:url(../images/bandeau_haut.jpg) no-repeat center top;
	background-color:#FFF;
	margin:0 auto;
	padding:0 10px;
	-moz-box-shadow: 0px 0px 14px 0px #656565;
	-webkit-box-shadow: 0px 0px 14px 0px #656565;
	-o-box-shadow: 0px 0px 14px 0px #656565;
	box-shadow: 0px 0px 14px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=8);
}
.menus {
	width:200px;
	float:left;
	margin:56px 0 0 0;
	font-size:0.9em;
	height:auto;
}
.textes {
	margin:56px 0 0 220px; /* la marge left doit être supérieure à la largeur du menu */
	text-align:justify;
	font-size:0.9em;
	border-left:1px solid #00082d;
	padding-left:30px;
}

Mon menu (en include) est plus long que le div "textes".
Et je voudrais que ce div "textes" ait la même hauteur que mon menu Smiley rolleyes

J'ai essayé la technique des colonnes factices, ça ne fonctionne pas ici ???
Auriez-vous une idée, s'il vous plaît ?
Merci…
Modifié par supunna (11 Sep 2012 - 15:00)
Oups, c'était un reliquat de divers essais que j'ai fait dans tous les sens… Je l'ai ôté mais cela ne change rien…
Pour que deux colonnes aient la même hauteur, regarde du côté des propriété display (notamment table et table-cell)
Sujet clos
Aller à