Bonjour tout le monde,
 
je suis à la limite de me tirer une balle avec les centrages/positionnement de DIV.
 
Pourtant, ce que je voulais me paraissait simple : 3 colonnes.
 
La 1ère de taille fixe, la seconde prenant l'espace restant (100% de l'espace libre), la 3ème fixe.
 
J'ai trouvé cela ici http://css.alsacreations.com/Bases [...] ses-en-CSS :
 
Partie HTML :
<div class="bloc1">bla bla bla</div>
<div class="bloc2">bli bli bli</div>
<div class="bloc3">blu blu blu</div>
 
Et la CSS correspondante :
.bloc1 {
background-color: blue;
height: 50px;
width: 100px;
float: left;
}
.bloc2 {
background-color: green;
height: 50px;
width: 100px;
float: left;
margin-left: 20px;
}
.bloc3 {
background-color: red;
height: 50px;
width: 100px;
float: left;
margin-left: 20px;
}
 
Oui mais dès que mon bloc2 est en %, le bloc2 prend 100% de l'espace mais pas de l'espace restant (espace total-(bloc1+bloc3)).
Résultat, mise en page patatra...
 
Au secours svp !
 
Merci.

les flottants sont (partiellement) sortis du flux HTML, ils ne sont donc pas comptés dans la gestion de l'espace

Et ouais, c'est comme ça que ça fonctionne. Ca prend le pourcentage de l'espace total... Donc faut pas mettre de taille, mais juste 2 marges, genre :

regarde ca : http://css.alsacreations.com/modeles/modele6.htm

Bon, je faisais tout pour éviter une mise en page avec des tables mais comme je galère 20h pour aligner une DIV à droite ou pour lui donner une taille en CSS avec des float: left; clear: both et autres choses simples d'emploi...
 
Dommage.
 
Sinks à toi en tout cas Masklinn.

va voir le lien que j'ai donner

@KangOl et FlorentG : merci, j'ai posté pendant vos réponses (que je n'avais pas vues donc). Je regarde tout ça. Sinks eu lote.

Merci beaucoup, c'est parfait, exactement ce qu'il me fallait.