1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/margin-collapsing/table-caption-bottom-outside-1-dyn.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,48 @@
1.4 +<!DOCTYPE html>
1.5 +<html class="reftest-wait">
1.6 +<head>
1.7 +<style type="text/css">
1.8 +#block1, #block2 {
1.9 + height: 20px;
1.10 + background-color: green;
1.11 +}
1.12 +#block1 {
1.13 + margin-bottom: 10px;
1.14 +}
1.15 +#block2 {
1.16 + margin-top: 10px;
1.17 +}
1.18 +#table {
1.19 + display: table;
1.20 +}
1.21 +#caption {
1.22 + display: table-cell;
1.23 + caption-side: bottom-outside;
1.24 + height: 20px;
1.25 + margin: 20px 0;
1.26 + background-color: blue;
1.27 +}
1.28 +#cell {
1.29 + display: table-cell;
1.30 + width: 100px;
1.31 + height: 20px;
1.32 + background-color: orange;
1.33 +}
1.34 +</style>
1.35 +<script type="text/javascript">
1.36 +function test() {
1.37 + document.getElementById('caption').style.display = 'table-caption';
1.38 + document.documentElement.removeAttribute('class');
1.39 +}
1.40 +document.addEventListener('MozReftestInvalidate', test, false);
1.41 +</script>
1.42 +</head>
1.43 +<body>
1.44 +<div id="block1"></div>
1.45 +<div id="table">
1.46 + <div id="caption"></div>
1.47 + <div id="cell"></div>
1.48 +</div>
1.49 +<div id="block2"></div>
1.50 +</body>
1.51 +</html>
