[xhtml1.0 s]Problème de compatibilité IE7 FF

Version imprimable

Bonjour à tous,

J'essaye de faire apparaître simplement une table à 100% sur la page, avec 3 lignes. La première et la dernière ont une taille fixée, la deuxième prend ce qu'il reste sur la page. Sous Firefox, pas de problème, mais sous IE, c'est la troisième ligne qui prend le reste de la page. Est-ce que vous auriez une idée pour résoudre ce problème ?

Merci d'avance

Voici le code
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%;width: 100%"> <head> <title>Nouvelle page 1</title> </head> <body style="margin: 0px;height: 100%;width: 100%"> <table border="1" style="height:100%; width:100%;"> <tr style="height:55px;"> <td> </td> </tr> <tr> <td> </td> </tr> <tr style="height:200px;"> <td> </td> </tr> </table> </body> </html>

04/10/2007, 22h57
djoyeux

utilise du CSS et non un tableau pour ta mise en forme.

Il y a de trés bon tuto sur ce site..
04/10/2007, 23h07
MD Software

On est d'accord, mais avez-vous une idée pour résoudre ce problème avec un vrai tableau ? Il est évident que je peux m'en sortir avec les div, mais là, le tableau est important.
04/10/2007, 23h18
djoyeux

pourquoi as-tu obligatoirement besion d'un tableau?
04/10/2007, 23h21
MD Software

- D'abord parce que je veux que la ligne du milieu prennent le reste de la page, sans connaître à l'avance la taille de la page.
- Ensuite parce que ça m'est imposé par le cahier des charges.
04/10/2007, 23h33
djoyeux

Citation:

Envoyé par MD Software

- D'abord parce que je veux que la ligne du milieu prennent le reste de la page, sans connaître à l'avance la taille de la page.
- Ensuite parce que ça m'est imposé par le cahier des charges.

ta première reflexion n'a pas de sens car il est possible de faire ça en CSS. beaucoup plus simplement, avec une meilleur compatibilité et collant plus avec ce qui ce fait en ce moment.

Pour ce qui est du cahier des charge, je comprend pas qui a imposé ça mais surement pas quelqu'un du métier.

Sinon il doit etre faisable de faire ça en table mais alors là je sais pas ça fait longtemps que j'ai lacher l'affaire sur la mise en forme en table...
04/10/2007, 23h35
MD Software

Le soucis principal, c'est juste une histoire de compatibilité entre les deux navigateurs. FF fait exactement ce qu'il faut. IE n'en fait qu'à sa tête. :(
04/10/2007, 23h40
djoyeux

Bas oui j'ai bien compris car FF et IE ne construise pas le tableau de la même manière.

IE affiche le tableau une fois qu'il est complétement chargé alors que FF te l'affiche en même temps qu'il le charge...

Par curiosité, comment tu corrigerais ce code pour que ça marche ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%;width: 100%">
<head>
<title>Nouvelle page 1</title>
</head>
 
<body style="margin: 0px;height: 100%;width: 100%">
 
<div style="height: 100%;background-color: yellow;">
  <div style="width: 100%; height: 40px; background-color: red;">&nbsp;</div>
  <div style="width: 100%; background-color: green;">&nbsp;</div>
  <div style="width: 100%; height: 200px; background-color: blue;">&nbsp;</div>
</div>
 
</body>
 
</html>

22/11/2007, 15h42
MD Software

pas d'idée ?