1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/pagination/border-breaking-001-cols.xhtml Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,74 @@ 1.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 1.5 +<html xmlns="http://www.w3.org/1999/xhtml"> 1.6 + <head> 1.7 + <title>Pagination with Borders</title> 1.8 + <style type="text/css"> 1.9 + .container { 1.10 + height: 0; 1.11 + padding-bottom: 10px; 1.12 + border-bottom: 10px solid transparent; 1.13 + margin-bottom: -20px; 1.14 + } 1.15 + .overflow { 1.16 + position: relative; 1.17 + background: aqua; 1.18 + height: 500px; 1.19 + width: 40px; 1.20 + border: 10px solid red; 1.21 + border-style: none solid; 1.22 + } 1.23 + body > .container .overflow { 1.24 + border-right: none; 1.25 + } 1.26 + .abs { 1.27 + position: relative; 1.28 + } 1.29 + .abs .container { 1.30 + position: absolute; 1.31 + width: 100%; 1.32 + margin-left: 50px; 1.33 + } 1.34 + .abs .overflow { 1.35 + background: lime; 1.36 + border-left: none; 1.37 + } 1.38 + .long { 1.39 + position: relative; 1.40 + height: 500px; 1.41 + border: solid 10px green; 1.42 + border-style: none solid; 1.43 + } 1.44 + 1.45 + .block { 1.46 + background: yellow; 1.47 + height: 100px; 1.48 + } 1.49 + 1.50 + body { 1.51 + height: 200px; 1.52 + width: 300px; 1.53 + -moz-column-width: 100px; 1.54 + -moz-column-gap: 0; 1.55 + -moz-column-fill: auto; 1.56 + border: solid silver; 1.57 + border-style: none solid; 1.58 + } 1.59 + </style> 1.60 + </head> 1.61 + <body> 1.62 + <div class="abs"> 1.63 + <div class="container"> 1.64 + <div class="overflow"> 1.65 + </div> 1.66 + </div> 1.67 + </div> 1.68 + <div class="container"> 1.69 + <div class="overflow"> 1.70 + </div> 1.71 + </div> 1.72 + <div class="long"> 1.73 + </div> 1.74 + <div class="block"> 1.75 + </div> 1.76 + </body> 1.77 +</html>