Comment étirer un tableau HTML à 100% de la hauteur de la fenêtre du navigateur?

Je suis en utilisant une table de concevoir la mise en page de ma page web. Je veux de la table pour remplir la page, même si elle ne contient pas beaucoup de contenu. Voici le CSS que j'utilise:

html, body {
    height: 100%;
    margin: 0;
    padding: 0; 
}

#container {
    min-height: 100%;
    width: 100%; 
}

Et je le place quelque chose comme ça dans le code de la page:

<table id="container">
<tr>
<td>
...

Cela fonctionne pour Opera 9, mais pas pour la version 2 de Firefox ou Internet Explorer 7. Est-il un moyen simple de faire de cette solution fonctionne pour tous les navigateurs populaires?

(Ajout de id="container" à td ne l'aide pas.)

source d'informationauteur Mikhail

  1. 8

    Suffit d'utiliser la height de la propriété au lieu de la min-height de propriété lors de la configuration de #container. Une fois les données devient trop grande, la table sera automatiquement augmenter.

  2. 18

    Essayez d'utiliser ceci:

    html, body    {
  height: 100%;
}

    Donc en dehors de la table hauteur de 100%, vous devez également vous assurer que le html d et de l'organisme de hauteur sont aussi 100%, donc il va s'étirer correctement.