Hauteur de 100% ne travaillent pas pour la balise DIV dans Internet Explorer 8

J'ai le code suivant que j'utilise pour afficher un outil de recherche avec un défilement de la section résultats. Dans IE le code fonctionne:

   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html style="background:black;height:100%;width:100%;">
<head>
<title>Report</title> 
</head>
<body style="background:black;">
<table HEIGHT="100%" WIDTH="100%" style="background:red;">
<tr>
<td>
Search Area  
</td>
</tr>
<tr>
<td HEIGHT="100%" WIDTH="100%" style="background:orange;">
<div style="overflow-y:scroll;height:100%;">
<table style="width:100px;height:1000px;">
<tr>
<td style="background:white;">
Results Area
</td>
</tr>
</table>
</div>      
</td>
</tr>
</table>
</body>
</html>

Mais quand j'ai mis la balise meta pour utiliser IE8 mise en forme par l'ajout d':

<meta http-equiv='X-UA-Compatible' content='IE=edge' />

Bas balise DIV, au-delà de la page. J'ai essayé un certain nombre d'options, bien que ne peut pas trouver un moyen de contourner cela sans spécifier de hauteur pour les valeurs. Ce qui ne fonctionne pas comme je veux que la page afin de prendre jusqu'à 100% de l'écran, peu importe la taille de la fenêtre du navigateur.

Toute aide serait grandement appréciée.

OriginalL'auteur | 2009-10-07

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *