28172 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde, j'ai un petit problème de mise en page CSS avec deux colonnes (menu et corps) et j'aimerai que la colonne corps soit de la taille maximale (si le menu est plus grand que la colonne corps).

Voila mon CSS et mon HTML


#page {
	position: absolute;
	left: 50%;
	margin-left: -550px;
	top: 30px;
	width: 1100px;
	background-color: #323332;
	padding: 5px;
}

#menu {
	width: 253px;
	float: left;
}

#corps {
	width: 837px;
	background-color: #FCFCFC;
	padding: 5px;
	float: right;
}

.clearBoth {
	clear: both;
}



<div id="page">
    <div id="menu">MENU<br /><br /><br /><br />a</div>
    <div id="corps">CORPS</div>
    <div class="clearBoth"></div>
</div>


Comment faire ? oO
Bonjour,

- Pour le centrage horizontal du site, il serait préférable d'utiliser les marges automatiques plutôt que le positionnement absolu.

- Pour les colonnes de même hauteur, la technique des colonnes factices devrait faire l'affaire (voir le message de Raphael).