layout/reftests/bugs/134706-6-ref.html

Wed, 31 Dec 2014 07:16:47 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 07:16:47 +0100
branch
TOR_BUG_9701
changeset 3
141e0f1194b1
permissions
-rw-r--r--

Revert simplistic fix pending revisit of Mozilla integration attempt.

michael@0 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
michael@0 2 <html lang="en-US">
michael@0 3 <head>
michael@0 4 <title>CSS 2.1 Test Suite: Test for flow around floats (reference)</title>
michael@0 5 <link rel="author" title="L. David Baron" href="http://dbaron.org/" />
michael@0 6 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
michael@0 7 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
michael@0 8 <meta http-equiv="Content-Style-Type" content="text/css">
michael@0 9 <style type="text/css">
michael@0 10
michael@0 11 body { font-size: 16px; }
michael@0 12
michael@0 13 table { margin: 0; border-spacing: 0; }
michael@0 14 caption, td, th { padding: 0; vertical-align: top; text-align: left; }
michael@0 15
michael@0 16 .capref { background: yellow; }
michael@0 17 .tabref { background: purple; }
michael@0 18
michael@0 19 </style>
michael@0 20 </head>
michael@0 21 <body>
michael@0 22
michael@0 23 <table width="300" style="background: aqua"><tr><td>
michael@0 24 <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
michael@0 25 <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
michael@0 26 <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
michael@0 27 <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
michael@0 28 <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
michael@0 29 <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
michael@0 30 <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
michael@0 31 <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
michael@0 32 <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
michael@0 33 <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
michael@0 34 <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
michael@0 35 <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
michael@0 36 <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
michael@0 37 <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
michael@0 38 <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
michael@0 39 <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
michael@0 40 <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
michael@0 41
michael@0 42 <div class="capref" style="float:right; height: 30px; width: 100px; margin-right: 130px;">Caption</div>
michael@0 43
michael@0 44 <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
michael@0 45 <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
michael@0 46 <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
michael@0 47 <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
michael@0 48 <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
michael@0 49 <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
michael@0 50 <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
michael@0 51 <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
michael@0 52 <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
michael@0 53 <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
michael@0 54 <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
michael@0 55 <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
michael@0 56 <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
michael@0 57
michael@0 58 <div class="tabref" style="float:right; clear: right; height: 30px; width: 230px;">Cell</div>
michael@0 59
michael@0 60 </td></tr></table>
michael@0 61
michael@0 62 <table width="300" style="background: aqua"><tr><td>
michael@0 63 <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
michael@0 64 <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
michael@0 65 <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
michael@0 66 <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
michael@0 67 <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
michael@0 68 <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
michael@0 69 <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
michael@0 70 <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
michael@0 71 <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
michael@0 72
michael@0 73 <div class="capref" style="float:right; height: 30px; width: 190px;">Caption</div>
michael@0 74
michael@0 75 <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
michael@0 76 <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
michael@0 77 <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
michael@0 78 <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
michael@0 79 <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
michael@0 80 <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
michael@0 81 <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
michael@0 82 <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
michael@0 83 <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
michael@0 84 <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
michael@0 85 <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
michael@0 86 <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
michael@0 87 <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
michael@0 88 <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
michael@0 89 <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
michael@0 90 <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
michael@0 91 <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
michael@0 92 <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
michael@0 93 <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
michael@0 94 <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
michael@0 95 <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
michael@0 96
michael@0 97 <div class="tabref" style="float:right; clear: right; height: 30px; width: 100px; margin-right: 90px;">Cell</div>
michael@0 98
michael@0 99 </td></tr></table>
michael@0 100
michael@0 101 <table width="300" style="background: aqua"><tr><td>
michael@0 102 <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
michael@0 103 <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
michael@0 104 <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
michael@0 105 <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
michael@0 106 <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
michael@0 107 <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
michael@0 108 <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
michael@0 109 <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
michael@0 110 <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
michael@0 111 <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
michael@0 112 <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
michael@0 113 <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
michael@0 114 <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
michael@0 115 <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
michael@0 116 <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
michael@0 117 <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
michael@0 118 <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
michael@0 119
michael@0 120 <div class="tabref" style="float:right; clear: right; height: 30px; width: 227px;margin-right:3px;">Cell</div>
michael@0 121
michael@0 122 <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
michael@0 123 <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
michael@0 124 <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
michael@0 125 <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
michael@0 126 <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
michael@0 127 <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
michael@0 128 <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
michael@0 129 <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
michael@0 130 <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
michael@0 131 <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
michael@0 132 <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
michael@0 133 <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
michael@0 134 <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
michael@0 135
michael@0 136 <div class="capref" style="float:right; clear: right; height: 30px; width: 100px;margin-right:130px;">Caption</div>
michael@0 137 </td></tr></table>
michael@0 138
michael@0 139 <table width="300" style="background: aqua"><tr><td>
michael@0 140 <div style="float:left; clear:left; background:blue; width:150px; height:1px"></div>
michael@0 141 <div style="float:left; clear:left; background:blue; width:145px; height:1px"></div>
michael@0 142 <div style="float:left; clear:left; background:blue; width:140px; height:1px"></div>
michael@0 143 <div style="float:left; clear:left; background:blue; width:135px; height:1px"></div>
michael@0 144 <div style="float:left; clear:left; background:blue; width:130px; height:1px"></div>
michael@0 145 <div style="float:left; clear:left; background:blue; width:125px; height:1px"></div>
michael@0 146 <div style="float:left; clear:left; background:blue; width:120px; height:1px"></div>
michael@0 147 <div style="float:left; clear:left; background:blue; width:115px; height:1px"></div>
michael@0 148 <div style="float:left; clear:left; background:blue; width:110px; height:1px"></div>
michael@0 149 <div style="float:left; clear:left; background:blue; width:105px; height:1px"></div>
michael@0 150
michael@0 151 <div class="tabref" style="float:right; clear: right; height: 30px; width: 100px; margin-right:95px;">Cell</div>
michael@0 152
michael@0 153 <div style="float:left; clear:left; background:blue; width:100px; height:1px"></div>
michael@0 154 <div style="float:left; clear:left; background:blue; width:95px; height:1px"></div>
michael@0 155 <div style="float:left; clear:left; background:blue; width:90px; height:1px"></div>
michael@0 156 <div style="float:left; clear:left; background:blue; width:85px; height:1px"></div>
michael@0 157 <div style="float:left; clear:left; background:blue; width:80px; height:1px"></div>
michael@0 158 <div style="float:left; clear:left; background:blue; width:75px; height:1px"></div>
michael@0 159 <div style="float:left; clear:left; background:blue; width:70px; height:1px"></div>
michael@0 160 <div style="float:left; clear:left; background:blue; width:65px; height:1px"></div>
michael@0 161 <div style="float:left; clear:left; background:blue; width:60px; height:1px"></div>
michael@0 162 <div style="float:left; clear:left; background:blue; width:55px; height:1px"></div>
michael@0 163 <div style="float:left; clear:left; background:blue; width:50px; height:1px"></div>
michael@0 164 <div style="float:left; clear:left; background:blue; width:45px; height:1px"></div>
michael@0 165 <div style="float:left; clear:left; background:blue; width:40px; height:1px"></div>
michael@0 166 <div style="float:left; clear:left; background:blue; width:35px; height:1px"></div>
michael@0 167 <div style="float:left; clear:left; background:blue; width:30px; height:1px"></div>
michael@0 168 <div style="float:left; clear:left; background:blue; width:25px; height:1px"></div>
michael@0 169 <div style="float:left; clear:left; background:blue; width:20px; height:1px"></div>
michael@0 170 <div style="float:left; clear:left; background:blue; width:15px; height:1px"></div>
michael@0 171 <div style="float:left; clear:left; background:blue; width:10px; height:1px"></div>
michael@0 172 <div style="float:left; clear:left; background:blue; width:5px; height:1px"></div>
michael@0 173
michael@0 174 <div class="capref" style="float:right; clear: right; height: 30px; width: 192px; margin-right:3px;">Caption</div>
michael@0 175 </td></tr></table>
michael@0 176
michael@0 177 </body>
michael@0 178 </html>

mercurial