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