gecko/layout/html/tests/table/bugs/bug91057.html

182 lines
2.8 KiB
HTML

<!DOCTYPE html "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title> Caption Margin Test bug 91057</title>
<style type="text/css">
* {border: 1px solid}
.one {
margin-left: 50px;
}
.two {
margin-right: 50px;
}
.three {
margin: 50px;
}
.four {
margin-left: 5%;
}
.five {
margin-right: 5%;
}
.six {
margin: 5%;
}
</style>
</head>
<body bgcolor="#FFFFFF">
<h1>Caption Margin Test</h1>
<div style="border: 1px solid green; width: 100px">
100px
</div>
<div style="border: 1px solid red; width: 50px">
50px
</div>
<h2>Control</h2>
<table>
<caption>TA</caption>
<tr>
<td>Table Cell 1</td>
<td>Table Cell 2</td>
</tr>
</table>
<table>
<caption>TB</caption>
<tr>
<td>Table Cell 1 Table Cell 1</td>
<td>Table Cell 2 Table Cell 2</td>
</tr>
</table>
<h2>Test 1 - "margin-left: 50px"</h2>
<table>
<caption class="one">TA</caption>
<tr>
<td>Table Cell 1</td>
<td>Table Cell 2</td>
</tr>
</table>
<table>
<caption class="one">TB</caption>
<tr>
<td>Table Cell 1 Table Cell 1</td>
<td>Table Cell 2 Table Cell 2</td>
</tr>
</table>
<h2>Test 2 - "margin-right: 50px"</h2>
<table>
<caption class="two">TA</caption>
<tr>
<td>Table Cell 1</td>
<td>Table Cell 2</td>
</tr>
</table>
<table>
<caption class="two">TB</caption>
<tr>
<td>Table Cell 1 Table Cell 1</td>
<td>Table Cell 2 Table Cell 2</td>
</tr>
</table>
<h2>Test 3 - "margin: 50px"</h2>
<table>
<caption class="three">TA</caption>
<tr>
<td>Table Cell 1</td>
<td>Table Cell 2</td>
</tr>
</table>
<table>
<caption class="three">TB</caption>
<tr>
<td>Table Cell 1 Table Cell 1</td>
<td>Table Cell 2 Table Cell 2</td>
</tr>
</table>
<table>
<caption class="three">TC</caption>
<tr>
<td>Table Cell 1 Table Cell 1 Table Cell 1</td>
<td>Table Cell 2 Table Cell 2 Table Cell 2</td>
</tr>
</table>
<h2>Test 4 - "margin-left: 5%"</h2>
<table>
<caption class="four">TA</caption>
<tr>
<td>Table Cell 1</td>
<td>Table Cell 2</td>
</tr>
</table>
<table>
<caption class="four">TB</caption>
<tr>
<td>Table Cell 1 Table Cell 1</td>
<td>Table Cell 2 Table Cell 2</td>
</tr>
</table>
<h2>Test 5 - "margin-right: 5%"</h2>
<table>
<caption class="five">TA</caption>
<tr>
<td>Table Cell 1</td>
<td>Table Cell 2</td>
</tr>
</table>
<table>
<caption class="five">TB</caption>
<tr>
<td>Table Cell 1 Table Cell 1</td>
<td>Table Cell 2 Table Cell 2</td>
</tr>
</table>
<h2>Test 6 - "margin: 5%"</h2>
<table>
<caption class="six">TA</caption>
<tr>
<td>Table Cell 1</td>
<td>Table Cell 2</td>
</tr>
</table>
<table>
<caption class="six">TB</caption>
<tr>
<td>Table Cell 1 Table Cell 1</td>
<td>Table Cell 2 Table Cell 2</td>
</tr>
</table>
<table>
<caption class="six">TB</caption>
<tr>
<td>Table Cell 1 Table Cell 1 Table Cell 1</td>
<td>Table Cell 2 Table Cell 2 Table Cell 2</td>
</tr>
</table>
</body>
</html>