Tableau qui prend toute la hauteur

**cootchy** · 29/11/2006, 12h47

Bonjour à tous,

Je voudrais faire un tableau qui prend toute la hauteur de la page.
Cependant de tableau est placé dans un div qui lui est en position:absolute.

Or le fait que le div soit absolu empêche la table de prendre toute la hauteur.

Ma table doit obligatoirement être dans un div absolu car ma page affiche ensuite un menu qui est placé lui aussi en absolu (il doit s'afficher en dessous du bloc rose).

Je vous laisse un exemple HTML de la structure de ma page.

Code html :

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
<html>
 
<style>
.pouet {
position:absolute;
top:0px;
left:50%;
width:1001px;
margin-left:-500px;
}
 
.menu {
float:right;
background:pink;
}
 
</style>
 
 
<body>
 
<div class="pouet">
    <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="1" bordercolor="blue">
       <tr>
            <td>
 
                <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="1" bordercolor="red">
                    <tr>
                        <td height="30px">
    			            <div class="menu">c moi qui affiche le menu</div>
                        </td>
                    </tr>
 
                    <tr>
                        <td height="100%">
    				        <iframe id="portal" name="portal" src="http://www.google.fr" width="100%" height="100%" frameborder="0"></iframe>
                        </td>
                    </tr>
 
                    <tr>
                        <td height="30px">
 
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>
 
</body>
</html>

Je vous laisse également 2 images pour vous montrer ce que j'obtiens et ce que je souhaite obtenir.

Merci par avance pour votre aide.

Tableau qui prend toute la hauteur

Dimensionnement en CSS

Mode arborescent

Discussions similaires

Partager

Partager