1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/bugs/134706-7-ref.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,111 @@
1.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
1.5 +<html lang="en-US">
1.6 +<head>
1.7 + <title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
1.8 + <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
1.9 + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
1.10 + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
1.11 + <meta http-equiv="Content-Style-Type" content="text/css">
1.12 + <style type="text/css">
1.13 +
1.14 + table { margin: 0; border-spacing: 0; }
1.15 + td, th { padding: 0; vertical-align: top; }
1.16 +
1.17 + </style>
1.18 +</head>
1.19 +<body>
1.20 +
1.21 +<!-- 6px margin between (from top, from bottom, from both) -->
1.22 +
1.23 +<table width="300" style="background: aqua"><tr><td>
1.24 + <div style="float: left; height: 10px; width: 150px; background: blue"></div>
1.25 + <div style="height: 5px; background: purple;"></div>
1.26 + <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow; margin-top: 1px;"></div>
1.27 +</td></tr></table>
1.28 +
1.29 +<table width="300" style="background: aqua"><tr><td>
1.30 + <div style="float: left; height: 10px; width: 150px; background: blue"></div>
1.31 + <div style="height: 5px; background: purple;"></div>
1.32 + <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow; margin-top: 1px;"></div>
1.33 +</td></tr></table>
1.34 +
1.35 +<table width="300" style="background: aqua"><tr><td>
1.36 + <div style="float: left; height: 10px; width: 150px; background: blue"></div>
1.37 + <div style="height: 5px; background: purple;"></div>
1.38 + <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow; margin-top: 1px;"></div>
1.39 +</td></tr></table>
1.40 +
1.41 +<!-- 5px margin between (from both) -->
1.42 +
1.43 +<table width="300" style="background: aqua"><tr><td>
1.44 + <div style="float: left; height: 10px; width: 150px; background: blue"></div>
1.45 + <div style="height: 5px; background: purple;"></div>
1.46 + <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
1.47 +</td></tr></table>
1.48 +
1.49 +<table width="300" style="background: aqua"><tr><td>
1.50 + <div style="float: left; height: 10px; width: 150px; background: blue"></div>
1.51 + <div style="height: 5px; background: purple;"></div>
1.52 + <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
1.53 +</td></tr></table>
1.54 +
1.55 +<table width="300" style="background: aqua"><tr><td>
1.56 + <div style="float: left; height: 10px; width: 150px; background: blue"></div>
1.57 + <div style="height: 5px; background: purple;"></div>
1.58 + <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
1.59 +</td></tr></table>
1.60 +
1.61 +<!-- 4px margin between (from both) -->
1.62 +
1.63 +<table width="300" style="background: aqua"><tr><td>
1.64 + <div style="float: left; height: 10px; width: 150px; background: blue"></div>
1.65 + <div style="height: 5px; background: purple;"></div>
1.66 + <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
1.67 +</td></tr></table>
1.68 +
1.69 +<table width="300" style="background: aqua"><tr><td>
1.70 + <div style="float: left; height: 10px; width: 150px; background: blue"></div>
1.71 + <div style="height: 5px; background: purple;"></div>
1.72 + <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
1.73 +</td></tr></table>
1.74 +
1.75 +<table width="300" style="background: aqua"><tr><td>
1.76 + <div style="float: left; height: 10px; width: 150px; background: blue"></div>
1.77 + <div style="height: 5px; background: purple;"></div>
1.78 + <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
1.79 +</td></tr></table>
1.80 +
1.81 +<!-- negative margin between -->
1.82 +
1.83 +<table width="300" style="background: aqua"><tr><td>
1.84 + <div style="float: left; height: 10px; width: 150px; background: blue"></div>
1.85 + <div style="height: 5px; background: purple;"></div>
1.86 + <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
1.87 +</td></tr></table>
1.88 +
1.89 +<table width="300" style="background: aqua"><tr><td>
1.90 + <div style="float: left; height: 10px; width: 150px; background: blue"></div>
1.91 + <div style="height: 5px; background: purple;"></div>
1.92 + <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
1.93 +</td></tr></table>
1.94 +
1.95 +<table width="300" style="background: aqua"><tr><td>
1.96 + <div style="float: left; height: 10px; width: 150px; background: blue"></div>
1.97 + <div style="height: 5px; background: purple;"></div>
1.98 + <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
1.99 +</td></tr></table>
1.100 +
1.101 +<table width="300" style="background: aqua"><tr><td>
1.102 + <div style="float: left; height: 10px; width: 150px; background: blue"></div>
1.103 + <div style="height: 5px; background: purple;"></div>
1.104 + <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
1.105 +</td></tr></table>
1.106 +
1.107 +<table width="300" style="background: aqua"><tr><td>
1.108 + <div style="float: left; height: 10px; width: 150px; background: blue"></div>
1.109 + <div style="height: 5px; background: purple;"></div>
1.110 + <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
1.111 +</td></tr></table>
1.112 +
1.113 +</body>
1.114 +</html>
