Positionnement de mes trois colonnes sur ma page d'accueil

[Abou Zar]

Bonjour,
Ma colonne centrale flotte en bas des deux colonnes ;je n’arrive pas à le mettre au milieu comme il le faut.
Voici le code css : menus,bloc-contenu et encart sont respectivement colonne de gauche, centrale et de droite.

Code css :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
#menus
margin-top :-5px ;
- moz-border-radius : 10px ;
width:16% ;
height:670px ;
border-color :#00BF00 ;
 
#bloc-contenu
 
position : static ;
border : solid 1px #DEDEDE ;
margin : 10px 200px 5px 200px ;
padding : 10px 10px 5px ;
background : white ;
z-index : 20 ;
overflow : hidden ;
 
#encart
 
- moz-border-radius : 10px ;
border:dotted ;
position : absolute ;
top : 250px ;
right : 0px ;
width : 190px ;
margin : 0 0 1em 0 ;
padding : 0 0 1em 0 ;

Le code html est constitué de div seulement alignés .

Merci de votre aide

[Emyleen]

Bonjour!

On a beaucoup de problème de 3 colonnes en ce moment dites donc Oo Je te proposes ce modèle

Code html :

1
2
3
4
5
6
 
<div id="conteneurDeColonnes">
     <div id="colonneGauche" class="colonne"></div>
     <div id="colonneMilieu" class="colonne"></div>
     <div id="colonneDroite" class="colonne"></div>
</div>

Code css :

1
2
3
4
5
6
7
8
9
10
 
.colonne {
    display: inline-block;
    width: 200px;
    min-height: 300px;
    margin-right: 20px;
}
.colonne:last-of-type {
    margin-right: 0;
}

En espérant t'avoir aidé ^^

[Bovino]

Tout en sachant que sur IE6, la valeur inline-block ne fonctionne pas pour des éléments de type bloc.