1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/pagination/float-continuations-000.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,107 @@ 1.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> 1.5 +<style type="text/css"> 1.6 + 1.7 +.multicol { 1.8 + margin: 1em; 1.9 + border: solid silver; 1.10 + width: 500px; 1.11 + -moz-column-width: 100px; 1.12 + -moz-column-gap: 0; 1.13 + height: 100px; 1.14 +} 1.15 + 1.16 +div { 1.17 + margin: 2px 0; 1.18 + border: 2px white; 1.19 + border-style: solid none; 1.20 +} 1.21 + 1.22 +.float { 1.23 + float: right; 1.24 + margin: 44px 0; 1.25 + width: 15px; 1.26 + background: aqua; 1.27 + border-color: aqua; 1.28 + height: 296px; 1.29 +} 1.30 + 1.31 +#float0 { 1.32 + float: left; 1.33 + width: 30px; 1.34 + margin-right: 5px; 1.35 + margin-bottom: 0; 1.36 +} 1.37 + 1.38 +#float1 { 1.39 + margin-left: -15px; 1.40 + margin-right: -5px; 1.41 + position: relative; 1.42 + right: 5px; 1.43 +} 1.44 +#float2 { 1.45 + margin-left: 5px; 1.46 + margin-right: 15px; 1.47 +} 1.48 + 1.49 +#clear { 1.50 + clear: left; 1.51 + border: 2px solid orange; 1.52 +} 1.53 + 1.54 +#c1 { 1.55 + height: 142px; 1.56 +} 1.57 + 1.58 +#c2 { 1.59 + border-bottom: none; 1.60 +} 1.61 + 1.62 +#c3 { 1.63 + height: 100px; 1.64 + border-bottom: 4px solid orange; 1.65 +} 1.66 +#c4 { 1.67 + height: 192px; 1.68 + border-bottom: 4px solid orange; 1.69 +} 1.70 + 1.71 +hr { 1.72 + border: solid orange 20px; 1.73 + border-style: none solid; 1.74 + height: 4px; 1.75 + margin: 0 -5px; 1.76 + padding: 0; 1.77 + position: relative; 1.78 + z-index: 20; 1.79 +} 1.80 + 1.81 +#c2 > hr { 1.82 + margin-top: 44px; 1.83 +} 1.84 +</style> 1.85 + 1.86 +<body onload="var f = document.getElementById('float0'); 1.87 + f.style.height = '20px'; 1.88 + document.body.offsetHeight; 1.89 + f.style.height = '900px'; 1.90 + document.body.offsetHeight; 1.91 + f.style.height = ''; 1.92 + document.body.offsetHeight; 1.93 + var c = document.getElementById('c2'); 1.94 + c.style.height = '900px'; 1.95 + document.body.offsetHeight; 1.96 + c.style.height = ''; 1.97 +"> 1.98 + 1.99 +<div class="multicol"> 1.100 + <div id="c1"> 1.101 + <div id="c2"> 1.102 + <div class="float" id="float0"></div> 1.103 + <div class="float" id="float1"></div> 1.104 + <div class="float" id="float2"></div> 1.105 + <hr> 1.106 + </div> 1.107 + </div> 1.108 + <div id="c3"><hr><div id="clear"></div></div> 1.109 + <div id="c4"></div> 1.110 +</div>