Come allungare una tabella HTML al 100% dell'altezza della finestra del browser?

Question

Sto utilizzando una tabella per progettare il layout della mia pagina web.Voglio che la tabella riempia la pagina anche se non contiene molti contenuti.Ecco il CSS che sto utilizzando:

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

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

E inserisco qualcosa del genere nel codice della pagina:

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

Funziona con Opera 9, ma non con Firefox 2 o Internet Explorer 7.Esiste un modo semplice per far funzionare questa soluzione per tutti i browser più diffusi?

(Aggiungendo id="container" A td non aiuta.)

Answer 1

Basta usare il height proprietà al posto di min-height proprietà durante l'impostazione #container.Una volta che i dati diventano troppo grandi, la tabella aumenterà automaticamente.

Answer 2

Prova a usare questo:

html, body    {
  height: 100%;
}

Quindi, oltre a portare l'altezza della tabella al 100%, dovresti anche assicurarti che anche l'altezza dell'html e del corpo siano al 100%, in modo che si allunghi correttamente.