Bonjour

voilà mon problème :
je veux faire une page avec 3 zones horizontale (une entête, un corps et un bas de page). les 3 zones doivent toujours être visible.
l'entête et le bas de page doivent avoir une taille fixe.
le corps lui doit prendre tout le reste de la page (et donc se redimentionner si l'utilisateur redimentionne sa fenêtre)
voilà le code que j'ai pondu.

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
<html>
<head></head>
<body>
<table border="0" width="100%">
  <tr height="50">
    <td bgcolor="red"></td>
  </tr>
  <tr height="100%">
    <td bgcolor="green"></td>
  </tr>
  <tr height="50">
    <td bgcolor="blue"></td>
  </tr>
</table>
</body>
</html>
Ce bout de code marche impec sous ie6 et FF.
ie et ff ne trouve pas de doctype et affiche la page en utilisant un "vieux" système de rendu.
Par contre opera lui n'aime pas du tout ca et n'affiche la seconde ligne que sur 1 pixel. (alors que je veux que l'ensemble du navigateur soit couvert)

J'ai ainsi essayé de trouver le doctype adéquate, et de passer ma page au validateur w3c. Et là j'ai trouvé aucun doctype qui me permette d'avoir ce que je veux (du coup dès que je met un doctype ca fait pas ce que je veux ni sous ie, ni sous ff ni sous opera)

puis là j'ai regardé les DTD w3c et j'ai vu qu'il n'y avait pas de height sur les <table> et <tr>.

alors voilà du coup je sais plus comment faire.

en utilisant des DIV ca marcherait mieux ?
est ce que quelqu'un pourrait mettre en forme mon bout de code pour avoir un truc compatible pour les 3 navigateurs.



merci