28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un petit soucis surement simple à résoudre mais je n'y arrive pas seul.

Je fais quelques essai pour mon site à venir et je voudrais créer 3 colonnes :
1 à droite de largeur fixe, 1 à gauche de largeur fixe et une au milieu prenant toute la place entre les deux colonnes de droite et de gauche ( je pense qu'il faut utiliser les % ). Je voudrais aussi que lorsque l'on redimentionne la fenêtre, les div reste en ligne et ne passent pas à la ligne.

Merci pour vos aides.

voici mon code d'essai tout simple.




body {color:#ffffff; margin: 0;padding:0;}

#conteneur {
width: auto;
height: auto;
}


#colone1{
width: 200px;
height: 200px;
background:#000000;
float: left;}

#colone2{
width: 100%;
min-width: 100px;
height:200px;
background:#002020;
float: left;
position: inline;
}


#colone3{
width: 200px;
height: 200px;
background:#045200;
float: right;
}

#clear{
width: 100%;
height: 50px;
clear: both;
background: #050102}