Obtenir une table pour remplir 100% de la hauteur dans un td

Je suis en train de réécrire un site en HTML approprié. Le site que je suis en train de remplacer était un désordre complet. J'ai couru dans un problème où je ne peux pas obtenir un <table> pour remplir la hauteur de la <td> c'est contenue dans. J'ai essayé de réglage height: 100% sur le <table>, qui est basée sur google et stackoverflow de recherche devrait fonctionner, mais je doit manquer quelque chose de stupide. J'avais essayé de faire la même chose avec <divs> avant de passer à table, mais je ne suis pas opposé à un retour aux <divs> si quelqu'un peut suggérer comment le faire.

Le contenu, je suis en développement est actuellement ici: http://96.0.22.228/

En raison du projet, des contraintes de temps, j'ai eu à utiliser de mauvaises hacks pour obtenir les pages à la recherche correctement. Je ne suis pas la déclaration d'une <doctype> et je suis forcer à-dire à utiliser IE7-en mode quirks. J'aimerais avoir des recommandations sur la façon de faire cette mise en page d'une manière appropriée à l'aide de HTML5 et CSS. Il n'a pas à soutenir les anciens navigateurs, mais il a le même aspect dans les dernières versions de Chrome, Firefox et IE. Je tiens également à faire disparaître les images pour les menus et le style tout en CSS pour les cadres de la frontière et le texte de menu.

Même si j'ai eu à remplir le site, je suis ouverte à un retour et à le corriger plus tard si il y a une bonne réponse à ce problème.

Auriez-vous l'esprit en utilisant des div à l'accomplir les trois colonnes de mise en page? Qui ferait les cent pour cent de la hauteur de beaucoup moins difficile.
abosolutely, cependant j'ai eu d'autres problèmes avec des divs en essayant d'obtenir le flash de l'objet dans le milieu de la ligne correctement. Si vous pouviez me donner quelques suggestions comme une réponse, je serais heureux de l'essayer.
Il est tout à fait un peu de très chargée, opiniâtre débat qui s'est poursuivi pendant un certain temps sur les mises en page css. Voici un exemple, le exagérée titre: matthewjamestaylor.com/blog/perfect-3-column.htm Donc, j'aime inventer mes mises en page moi-même, et d'apprendre ce qui se passe réellement dans le rendu, et les différences de navigateurs qui provoque des problèmes. C'est mieux pour mon propre apprentissage. Permettez-moi de projet et à le présenter comme une réponse à bien votre défi spécifique. Je vais utiliser une couleur de div avec une taille fixe à la place de l'objet flash.
Vous pouvez aussi essayer ceci: net.tutsplus.com/articles/news/everything-you-know-is-wrong
Cochez cette réponse (td hauteur de 100% et table à hauteur de 100% ) stackoverflow.com/questions/18488148/...

OriginalL'auteur TheDavidFactor | 2012-03-26