[CSS&HTML]Problem de hauteur avec un tableau
Bonjour
J'ai un tableau qui contien 2 colonne
Dans mon css jâi ce code:
Code:
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:
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:
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????
