1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/bugs/134706-6-ref.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,178 @@ 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 + body { font-size: 16px; } 1.15 + 1.16 + table { margin: 0; border-spacing: 0; } 1.17 + caption, td, th { padding: 0; vertical-align: top; text-align: left; } 1.18 + 1.19 + .capref { background: yellow; } 1.20 + .tabref { background: purple; } 1.21 + 1.22 + </style> 1.23 +</head> 1.24 +<body> 1.25 + 1.26 +<table width="300" style="background: aqua"><tr><td> 1.27 + <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div> 1.28 + <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div> 1.29 + <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div> 1.30 + <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div> 1.31 + <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div> 1.32 + <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div> 1.33 + <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div> 1.34 + <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div> 1.35 + <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div> 1.36 + <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div> 1.37 + <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div> 1.38 + <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div> 1.39 + <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div> 1.40 + <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div> 1.41 + <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div> 1.42 + <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div> 1.43 + <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div> 1.44 + 1.45 + <div class="capref" style="float:right; height: 30px; width: 100px; margin-right: 130px;">Caption</div> 1.46 + 1.47 + <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div> 1.48 + <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div> 1.49 + <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div> 1.50 + <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div> 1.51 + <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div> 1.52 + <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div> 1.53 + <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div> 1.54 + <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div> 1.55 + <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div> 1.56 + <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div> 1.57 + <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div> 1.58 + <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div> 1.59 + <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div> 1.60 + 1.61 + <div class="tabref" style="float:right; clear: right; height: 30px; width: 230px;">Cell</div> 1.62 + 1.63 +</td></tr></table> 1.64 + 1.65 +<table width="300" style="background: aqua"><tr><td> 1.66 + <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div> 1.67 + <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div> 1.68 + <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div> 1.69 + <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div> 1.70 + <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div> 1.71 + <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div> 1.72 + <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div> 1.73 + <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div> 1.74 + <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div> 1.75 + 1.76 + <div class="capref" style="float:right; height: 30px; width: 190px;">Caption</div> 1.77 + 1.78 + <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div> 1.79 + <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div> 1.80 + <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div> 1.81 + <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div> 1.82 + <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div> 1.83 + <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div> 1.84 + <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div> 1.85 + <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div> 1.86 + <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div> 1.87 + <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div> 1.88 + <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div> 1.89 + <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div> 1.90 + <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div> 1.91 + <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div> 1.92 + <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div> 1.93 + <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div> 1.94 + <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div> 1.95 + <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div> 1.96 + <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div> 1.97 + <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div> 1.98 + <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div> 1.99 + 1.100 + <div class="tabref" style="float:right; clear: right; height: 30px; width: 100px; margin-right: 90px;">Cell</div> 1.101 + 1.102 +</td></tr></table> 1.103 + 1.104 +<table width="300" style="background: aqua"><tr><td> 1.105 + <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div> 1.106 + <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div> 1.107 + <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div> 1.108 + <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div> 1.109 + <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div> 1.110 + <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div> 1.111 + <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div> 1.112 + <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div> 1.113 + <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div> 1.114 + <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div> 1.115 + <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div> 1.116 + <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div> 1.117 + <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div> 1.118 + <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div> 1.119 + <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div> 1.120 + <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div> 1.121 + <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div> 1.122 + 1.123 + <div class="tabref" style="float:right; clear: right; height: 30px; width: 227px;margin-right:3px;">Cell</div> 1.124 + 1.125 + <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div> 1.126 + <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div> 1.127 + <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div> 1.128 + <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div> 1.129 + <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div> 1.130 + <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div> 1.131 + <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div> 1.132 + <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div> 1.133 + <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div> 1.134 + <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div> 1.135 + <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div> 1.136 + <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div> 1.137 + <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div> 1.138 + 1.139 + <div class="capref" style="float:right; clear: right; height: 30px; width: 100px;margin-right:130px;">Caption</div> 1.140 +</td></tr></table> 1.141 + 1.142 +<table width="300" style="background: aqua"><tr><td> 1.143 + <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div> 1.144 + <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div> 1.145 + <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div> 1.146 + <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div> 1.147 + <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div> 1.148 + <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div> 1.149 + <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div> 1.150 + <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div> 1.151 + <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div> 1.152 + <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div> 1.153 + 1.154 + <div class="tabref" style="float:right; clear: right; height: 30px; width: 100px; margin-right:95px;">Cell</div> 1.155 + 1.156 + <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div> 1.157 + <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div> 1.158 + <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div> 1.159 + <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div> 1.160 + <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div> 1.161 + <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div> 1.162 + <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div> 1.163 + <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div> 1.164 + <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div> 1.165 + <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div> 1.166 + <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div> 1.167 + <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div> 1.168 + <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div> 1.169 + <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div> 1.170 + <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div> 1.171 + <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div> 1.172 + <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div> 1.173 + <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div> 1.174 + <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div> 1.175 + <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div> 1.176 + 1.177 + <div class="capref" style="float:right; clear: right; height: 30px; width: 192px; margin-right:3px;">Caption</div> 1.178 +</td></tr></table> 1.179 + 1.180 +</body> 1.181 +</html>