Probleme <div> et float -> comme un tableau!
Bon alors ce que j'aimerais bien faire c'est pas tres compliquer, en plus j'ai lut pas mal de source semblable mais ce que je fait ne marche pas :
Alors je veux faire en gros mais sans utiliser de tableaux et de valign (c pas tres XHTML):
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<table>
<tr valign="top">
<td width="35%" class="left">
Menu extensible en PHP (le height est inconnus)
</td>
<td width="65%" class="middle">
Partie principal avec le texte qui est variable selon la page
</td>
</tr>
<tr colspan="2">
<td class="bottom">
Un pied de page de 150px;
</td>
</tr>
</table> |
Alors ce que j'ai dait c'est 3 div :
Code:
1
2
3
4
|
<div class="left"></div>
<div class="middle"></div>
<diV class="bottom"></div> |
avec son css qui donne :
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
|
.left {
padding-left:0px;
width:35%;
height:100%;
float:left;
}
.middle {
padding-top:30px;
height:100%;
width:65%;
opacity:0.9;
_filter:alpha(opacity=90);
}
.bottom {
width:70%;
height:150px;
clear:left;
border-top:1px solid #FFF;
font-size:11px;
margin:40px 0px 20px 0px;
padding-top:20px;
text-align:center;
} |
Mais en faisant ca ca me donne des truk zarbi,
ya kkun qui sait comment faire ca proprement quand il n'y a pas de fixed size!
En gros le middle commence bien, puis fait le contour du left par en bas ...
Moi je ne veux pas ca !!!
en plus on en se retrouve plus avec 35% de left et 65% de middle.
