Suivez les fils RSS
 
Auteur
Ashraam
# 16 Mar 2010 - 12:13:58
Citer
40 Posts
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

http://romain.bertolucci.free.fr/ msn 
^
Raphael
# 16 Mar 2010 - 12:19:59
Citer
twitter.com/goetter
Administrateur
12017 Posts
Hello,

Ashraam a écrit :
Comment faire ? oO

Comme ça, à chaud, je dirais qu'une première étape serait de vérifier si ce genre de questions n'a pas déjà été postée, ou mieux : si une astuce a déjà été publiée smile

Le livre qui va vous permettre d'aller (vraiment) plus loin avec CSS : "CSS avancées - vers HTML5 et CSS3"

http://www.goetter.fr 
^
Ashraam
# 16 Mar 2010 - 12:44:35
Citer
40 Posts
J'ai posté ce message car j'ai cherché avant mais je n'ai pas trouvé mon bonheur :s

previews/14347-test.jpg

http://romain.bertolucci.free.fr/ msn 
^
fvsch
# 16 Mar 2010 - 14:38:48
Citer
Administrateur
19942 Posts
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).

http://fvsch.com 
^