summaryrefslogtreecommitdiff
path: root/test/html/render
diff options
context:
space:
mode:
Diffstat (limited to 'test/html/render')
-rw-r--r--test/html/render/table-max-width.html44
-rw-r--r--test/html/render/table-max-width.ref.html43
2 files changed, 87 insertions, 0 deletions
diff --git a/test/html/render/table-max-width.html b/test/html/render/table-max-width.html
new file mode 100644
index 00000000..3c260fdd
--- /dev/null
+++ b/test/html/render/table-max-width.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+ <title>Test table in container with max-width and min-width</title>
+ <style type="text/css">
+ .main {
+ background: lightgreen;
+ max-width: 500px;
+ min-width: 200px;
+ padding: 10px;
+ }
+ .ruler {
+ background: red;
+ width: 500px;
+ height: 20px;
+ padding: 0px;
+ margin: 10px;
+ }
+ table, th, td {
+ padding: 0.25em;
+ background: lightblue;
+ border: solid 1px black;
+ }
+ </style>
+</head>
+<body>
+ <div class="ruler"></div>
+ <div class="main">
+ <table width="100%">
+ <tr>
+ <th>AAAAAA</th>
+ <th>BBBBBB</th>
+ <th>CCCCCC</th>
+ </tr>
+ <tr>
+ <td>aaaaaa</td>
+ <td>bbbbbb</td>
+ <td>cccccc</td>
+ </tr>
+ </table>
+ </div>
+</body>
+</html>
diff --git a/test/html/render/table-max-width.ref.html b/test/html/render/table-max-width.ref.html
new file mode 100644
index 00000000..d02a5518
--- /dev/null
+++ b/test/html/render/table-max-width.ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+ <title>Test table in container with max-width and min-width</title>
+ <style type="text/css">
+ .main {
+ background: lightgreen;
+ width: 500px;
+ padding: 10px;
+ }
+ .ruler {
+ background: red;
+ width: 500px;
+ height: 20px;
+ padding: 0px;
+ margin: 10px;
+ }
+ table, th, td {
+ padding: 0.25em;
+ background: lightblue;
+ border: solid 1px black;
+ }
+ </style>
+</head>
+<body>
+ <div class="ruler"></div>
+ <div class="main">
+ <table width="100%">
+ <tr>
+ <th>AAAAAA</th>
+ <th>BBBBBB</th>
+ <th>CCCCCC</th>
+ </tr>
+ <tr>
+ <td>aaaaaa</td>
+ <td>bbbbbb</td>
+ <td>cccccc</td>
+ </tr>
+ </table>
+ </div>
+</body>
+</html>