Bonjour,

Après maintes recherches (désolé si je suis passez à côté de la réponse) et tests je viens vous demander de l'aide sur une variante d'un problème apparemment connu.

A l'aide d'un css, je fixe la taille de mon body et, par la même occasion, je définit celle de mes futurs tableaux.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
 
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none
}
 
#centpourcent {
  height: 100%;
  width: 100%;
}
Ensuite avec le code suivant, j'obtiens un tableau de trois colonnes et une ligne qui prend toute ma page. Mes colonnes extérieur servant à illustrer les bords de ma page, celle du milieu me servant à afficher le contenu. Jusque là, pas de problème. Dans la cellule du milieu, je créé un tableau de hauteur 100% de ma cellule, et ceci marche tous les navigateurs hormis IE9 (cette s§@!oX£µie m'aura bien fais ch***r depuis 10 ans).

Auriez-vous une solution ou une explication hormis le fait d'utiliser des div svp ?
Merci.

Voici le code de l'index :
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
27
28
29
30
31
32
33
34
35
36
37
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pro-Inox - Service de sous-traitance industrielle</title>
 
<!--<link rel="stylesheet" href="css/basic.css" type="text/css" />-->
<link rel="stylesheet" type="text/css" href="style.css"/>
 
<script type="text/javascript">
    document.write('<style>.noscript { display: none; }</style>');
</script>
 
 
</head>
 
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#848484">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="centpourcent">
  <tr>
    <td>&nbsp;</td>
    <td width="8" background="images/interface/degrade_bord_gauche.gif"><img src="images/interface/degrade_bord_gauche.gif" width="8" height="1" /></td>
    <td width="934" valign="top" bgcolor="#FFFFFF">
    <table border="1" id="centpourcent">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
 
	</td>
    <td width="8" background="images/interface/degrade_bord_droit.gif"><img src="images/interface/degrade_bord_droit.gif" width="8" height="1" /></td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>