Alignement de 3 div horizontales avec 2 div en largeur 100%

[doomxl]

J'aimerai aligner horizontalement trois <div> celui du milieux est de largeur fixe 990px par exemple et les autres j'aimerai qu'il prennent la largeur de 100% de l'espace restant a droite et a gauche respectivement.

Illustration :

<---- Div 1----><---- Div 2----><---- Div 3---->
<---- 100 %----><---- 990px----><---- 100 %---->

quelqu'un peut m'aider je sèche la.

[ciberrique]

Bonsoir c'est un sujet délicat, le problème est l'interpretation des balises qui est disons pas cool chez ie (de 5 à l'inf).

Pour le moment je reste sur cette solution qui à l'inconvenient de parfois faire des colonnes de mauvaise taille sur ie8...

Le css :

Code :

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
28
29
30
31
32
33
34
35
36
37
 
<style type="text/css">
.table{
	width:100%;
	display:table;
}
 
.cell1{
	background-color:blue;
	display:table-cell;
}
 
.cell2{
	width:990px;
	background-color:red;
	display:table-cell;
}
 
.cell3{
	background-color:orange;
	display:table-cell;
}
 
</style>
<!--[if lte IE 7]>
<style type="text/css">
.cell1, .cell3 {
	width:expression((100 - (100 * 990 / window.document.body.clientWidth )) / 2 + "%");
	float:left;
}
 
.cell2{
	float:left;
}
 
</style>
<![endif]-->

Le html de test :

Code :

1
2
3
4
5
6
7
8
9
10
11
<div class="table" id="table">
		<div class="cell1" >
 
		</div>
 
		<div class="cell2">
		</div>
		<div class="cell3">
 
		</div>
</div>

Si j'ai une illumination concernant ie8 je reviendrais le dire içi.