{"id":2374,"date":"2006-10-02T00:26:00","date_gmt":"2006-10-02T00:26:00","guid":{"rendered":"https:\/\/test.simple-talk.com\/uncategorized\/almost-properly-set-100-table-heights-using-css\/"},"modified":"2016-07-28T10:48:54","modified_gmt":"2016-07-28T10:48:54","slug":"almost-properly-set-100-table-heights-using-css","status":"publish","type":"post","link":"https:\/\/www.red-gate.com\/simple-talk\/blogs\/almost-properly-set-100-table-heights-using-css\/","title":{"rendered":"Almost Properly Set 100% Table Heights Using CSS"},"content":{"rendered":"<p>I like making webpages that expand to fill the entire&#160;browser window, but ever since&#160;browsers started rendering in full-compliance mode&#160;it has been a chore because tables do not respond very well to their heights being set to 100% directly in the table tag or using CSS.&#160; I normally just&#160;revert back to &#8220;quirk&#8221; mode by removing the DOCTYPE&#160;element from the Visual Studio generated pages to get the table to expand out.&#160; <\/p>\n<p>The following article explains why the tables behave this way and how to get them to expand to a 100% height using valid CSS code.&#160; Very useful stuff, but it still doesn&#8217;t quite solve my layout issues.&#160; One day though&#8230; one day&#8230;<\/p>\n<p><a href=\"http:\/\/apptools.com\/examples\/tableheight.php\">http:\/\/apptools.com\/examples\/tableheight.php<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I like making webpages that expand to fill the entire&#160;browser window, but ever since&#160;browsers started rendering in full-compliance mode&#160;it has been a chore because tables do not respond very well to their heights being set to 100% directly in the table tag or using CSS.&#160; I normally just&#160;revert back to &#8220;quirk&#8221; mode by removing the&#8230;&hellip;<\/p>\n","protected":false},"author":46738,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2],"tags":[],"coauthors":[],"class_list":["post-2374","post","type-post","status-publish","format-standard","hentry","category-blogs"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/posts\/2374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/users\/46738"}],"replies":[{"embeddable":true,"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/comments?post=2374"}],"version-history":[{"count":2,"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/posts\/2374\/revisions"}],"predecessor-version":[{"id":41434,"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/posts\/2374\/revisions\/41434"}],"wp:attachment":[{"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/media?parent=2374"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/categories?post=2374"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/tags?post=2374"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.red-gate.com\/simple-talk\/wp-json\/wp\/v2\/coauthors?post=2374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}