Hauteur tableau sous ie

**staive** · 18/04/2012, 10h15

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>

**NoSmoking** · 18/04/2012, 22h30

Bonsoir,
une ID DOIT ETRE UNIQUE

Code :

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

<table width="100%" border="0" cellpadding="0" cellspacing="0" id="centpourcent">

et un peu plus loin

Code :

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

    <table border="1" id="centpourcent">

dans ce cas passes par des class.

Un truc trés surprenant c'est le

Code html :

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

1
2
3
<script type="text/javascript">
    document.write('<style>.noscript { display: none; }</style>');
</script>

autant écrire directement

Code :

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

<style>.noscript { display: none; }</style>

dans le document NoN!!! mais je m'interroge sur le sens de la chose, comment écrire une class style noscript si le javascript est désactivé ?!?

?!?

Hauteur tableau sous ie

Dimensionnement en CSS

Discussions similaires

Partager

Partager