Probleme <div> et float -> comme un tableau!

**elraton** · 19/08/2005, 16h08

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 :

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
 
<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 :

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

1
2
3
4
 
<div class="left"></div>
<div class="middle"></div>
<diV class="bottom"></div>

avec son css qui donne :

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
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.