28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous, je bloque sur un truc qui me semble pourtant ultra symple:

<?xml version="1.0" encoding="ISO-8859-1"?><!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" lang="fr" xml:lang="fr" style="width:100%; height:100%;">
<head>
<title>Document sans nom</title>
</head>
<body style="width:100%; height:100%;">

<table style="width:100%; height:100%;">
<tr><td style="width:100%; height:200px; background-color:red;">&nbsp;</td></tr>
<tr><td style="width:100%; background-color:blue;">&nbsp;</td></tr>
<tr><td style="width:100%; height:200px; background-color:green;">&nbsp;</td></tr>
</table>

</body>
</html>


Sous firefox, ça fait bien ce que je veux, a savoir une zone bleu qui s'agrandit dynamiquement en fonction de la taille de l'écran.

Sous ie c'est l'inverse!! ce sont les zones avec leur hauteur fixe qui varient!!!!! Je trouve ça adhérent alors je me demande si j'ai pas sauté qq chose.

Si vous pouvez m'aider a voir ou est mon erreur ^^

Merci à tous.
Wells