Discussion :

[Webmas.]

Bonjour,

j'ai un souci, je n'arrive pas a faire une colonne centrale qui prend 100% et la colonne de droite et de gauche fixe.
Dans cette exemple on a la colonne de gauche fixe et celle de droite qui varie.

Merci pour votre aide

[rodolphebrd]

Bonjour,

merci de transmettre votre code en plus de votre Fidlle.

Une solution possible serait de passer par le modèle tabulaire :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div class="box">
    <div class="header-left tab"></div>
    <div class="header tab"></div>
    <div class="header-right tab"></div>
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.box{
    display:table;
}
.tab{
    display: table-cell;
    height: 100px;
}
.header-left{
    background-color:red;
    min-width: 240px;
    }
.header{
    background: blue;
    width: 100%;
 }
.header-right{
    background-color:red;
    min-width:240px;
}

http://codepen.io/anon/pen/vBDsn