[CSS 3] 3 colonnes 30%, 70%, 100px [Résolu]

[____22]

Bonjour

j'essaie d'avoir quelquechose qui rende bien ces 3 colonnes
mais la derniere de taille fixe rend les choses compliquées

Merci bien bonne journée

Code :

1
2
3
4
5
6
7
8
9
10
<style type="text/css">
#middleColumn {	background-color: #66FF66;	margin: 0;	margin-left: 100px;	margin-right: 70px;  float:right;}
#leftColumn, #rightColumn {	background-color: #FF9999;	position: absolute;	top: 0;	}
#leftColumn {	left: 0;width:30%;}
#rightColumn {	right: 0;width: 100px;}
body {	margin: 0;}
</style>
<div id="leftColumn">Dynamically resize div JavaScript. ... i'm trying to make the background div resize according to what content is placed in the opaque text .<br />2<br />3</div>
<div id="middleColumn">1  layer w/ Resize Option ActionScript 2.0. ... some CSS/JavaScript to resize and position the DIV to fit the movie. <br />2<br />3</div>
<div id="rightColumn">1  resize breaking print stylesheet .... the display is specified in the stylesheet and not inline, javascript.<br />2<br />3</div>

[____22]

non c'est bon mais dites moi si il y a une solution plus simple

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
<style type="text/css">
#leftandmiddleColumn {	margin: 0;	margin-right: 100px;  float:right;}
#middleColumn {	background-color: #66FF66;	margin: 0;  float:right;width:70%;}
#leftColumn, #rightColumn {	background-color: #FF9999;	top: 0;	}
#leftColumn {	left: 0;width:30%;float:left;}
#rightColumn {	right: 0;width: 100px;float:right;position:absolute;}
body {	margin: 0;}
</style>
<div id="leftandmiddleColumn">
<div id="leftColumn">Dynamically resize div JavaScript. ... i'm trying to make the background div resize according to what content is placed in the opaque text .<br />2<br />3</div>
<div id="middleColumn">1  layer w/ Resize Option ActionScript 2.0. ... some CSS/JavaScript to resize and position the DIV to fit the movie. <br />2<br />3</div>
</div>
<div id="rightColumn">1  resize breaking print stylesheet .... the display is specified in the stylesheet and not inline, javascript.<br />2<br />3</div>