Discussion :

[pierrot10]

Bonjour

J'ai un tableau qui contien 2 colonne

Dans mon css jâi ce code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
html{
	height:100%;
}
 
body{
	  height:100%;  
 
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

Code :

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

1
2
3
4
5
6
7
 
<table border="1" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td>tata</td>
<td>toto</td>
</tr>
</table>

Mon tableau prend bien la hauteur de la page.

Jusqu'a la j'ai pas de problème.

Dans ma colonne de droite, j'ai mis un autre tableau qui contien 5 ligne, toute le ligne ont une hauteur fix sauf la derniere. Ce tableau est definie par une class

Code :

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

1
2
3
4
5
 
.main{
width:100%;
heigth:100%;
}

Si la deniere ligne n'a pas de hauteur definie c'est pour la rendre "flottante, c'est a dire pour qu'elle ne limite pas le tableau a une hauteur definie par toute les ligne. En autre terme, elle prendra la heuteur pour que le tableau soit toujours à 100% de hauteur par rapport a la cellule qui "l'heberge"

Mon probleme c'est que ca marche dans Firefox, mais pas dans IE.

Comme faire pour que ca marche dans IE????

[blueice]

Tu donnes des détails sur tout sauf sur ton problème.
Donne le code exact...

[pierrot10]

Ben mon probleme est que le tableau qui est a l'intérieur de ma cellule ne prend pas le 100% de la hauteur de la cellule qui "l'herbege"

[Space Cowboy]

Un tableau dans un tableau, css ... il ya un truc qui ne va pas ...

Essaye avec line-height.

[pierrot10]

line-height:100%,
ca marche paa,

ben oui un truc comme ca:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<table>
<tr>
<td>&nbsp;</td>
<td style="height:100%">
//ce tableau ne va pas à 100% de hauteur
<div style="margin-left:40px"><table style="height:100%">
<div style="margin-left:40px"><div style="margin-left:40px"><tr>
<div style="margin-left:40px"><div style="margin-left:40px"><div style="margin-left:40px"><td>&nbsp;</td>
<td>&nbsp;</></div></div></div></tr></div></div></table></div>
 
 
</td>
</tr>