layout/reftests/pagination/float-continuations-000.html

changeset 0
6474c204b198
     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>

mercurial