diff --git a/flying-saucer-examples/src/main/resources/demos/file-list.txt b/flying-saucer-examples/src/main/resources/demos/file-list.txt
index e405481f1..575c86a8c 100644
--- a/flying-saucer-examples/src/main/resources/demos/file-list.txt
+++ b/flying-saucer-examples/src/main/resources/demos/file-list.txt
@@ -10,6 +10,8 @@ Z-index,demo:demos/zindex.xhtml
 Cursors,demo:demos/cursors.xhtml
 Report,demo:demos/report.xhtml
 Forms,demo:demos/forms.xhtml
+Legacy Tables,demo:demos/fullscreen-table.xhtml
+CSS Tables,demo:demos/fullscreen-css-table.xhtml
 Recipe in XML,demo:demos/cream-chicken-rice.xml
 Centered Fluid,demo:demos/centered-fluid.xhtml
 Centered Fluid Auto Margin,demo:demos/centered-fluid-automargin.xhtml
@@ -18,4 +20,4 @@ Threecol Fluid,demo:demos/3col-fluid.xhtml
 Alice in Wonderland,demo:demos/alice/alice.xhtml
 Hamlet,demo:demos/hamlet.xhtml
 Game Screen,demo:demos/game/game-screen.xhtml
-Unsupported,demo:demos/unsupported.xhtml
\ No newline at end of file
+Unsupported,demo:demos/unsupported.xhtml
diff --git a/flying-saucer-examples/src/main/resources/demos/fullscreen-css-table.xhtml b/flying-saucer-examples/src/main/resources/demos/fullscreen-css-table.xhtml
new file mode 100644
index 000000000..d45851b03
--- /dev/null
+++ b/flying-saucer-examples/src/main/resources/demos/fullscreen-css-table.xhtml
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<head>
+  <meta charset="UTF-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>Layout using CSS Table</title>
+  <style>
+      html, body {
+          margin: 0;
+          padding: 0;
+          height: 100%;
+      }
+      .wrapper {
+          display: table;
+          table-layout: fixed;
+          width: 100%;
+          height: 100%;
+      }
+      .row {
+          display: table-row;
+      }
+      .cell {
+          display: table-cell;
+      }
+      .narrow {
+          width: 10%;
+      }
+      .wide {
+          width: 60%;
+      }
+      .header {
+          background-color: lightblue;
+      }
+      .main {
+          background-color: lightgreen;
+      }
+      .footer {
+          background-color: lightcoral;
+      }
+  </style>
+</head>
+<body>
+<div class="wrapper">
+  <div class="row header">
+    <div class="cell narrow">Header A</div>
+    <div class="cell wide">Header B </div>
+    <div class="cell">Header C</div>
+  </div>
+  <div class="row main">
+    <div class="cell">Main content area A</div>
+    <div class="cell">Main content area B</div>
+    <div class="cell">Main content area C</div>
+  </div>
+  <div class="row footer">
+    <div class="cell">Footer</div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/flying-saucer-examples/src/main/resources/demos/fullscreen-table.xhtml b/flying-saucer-examples/src/main/resources/demos/fullscreen-table.xhtml
new file mode 100644
index 000000000..1e8aa7f6f
--- /dev/null
+++ b/flying-saucer-examples/src/main/resources/demos/fullscreen-table.xhtml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<head>
+  <meta charset="UTF-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>Layout using Table</title>
+  <style>
+      html, body {
+          margin: 0;
+          padding: 0;
+          height: 100%;
+      }
+      table {
+          border-collapse: collapse;
+          width: 100%;
+          height: 100%;
+      }
+      .header {
+          background-color: lightblue;
+      }
+      .main {
+          background-color: lightgreen;
+      }
+      .footer {
+          background-color: lightcoral;
+      }
+  </style>
+</head>
+<body>
+<table border="true">
+  <tbody>
+    <tr><td class="header">Header</td></tr>
+    <tr><td class="main">Main content area</td></tr>
+    <tr><td class="footer">Footer</td></tr>
+  </tbody>
+</table>
+</body>
+</html>
