layout/reftests/bugs/372063-1-ref.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html><head>
   3     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   4     <title>Testcase for bug 372063</title>
   5     <style type="text/css">
   6
   7         html,body {
   8             color:black; background-color: white; font-size:16px; padding:0; margin:0;
   9         }
  10
  11 div {color:white; font-size: xx-large; top: 0; left: 0; position: absolute; width: 100px; height:100px;}
  12 .pass { background:green; }
  13 .fail { background: red; }
  14
  15 .test1 { top:0; }
  16 .test2 { top:150px; }
  17 .test3 { top:300px; }
  18 .test4 { top:450px; }
  19 .test4b{ left:-100px;}
  20 .test4b div { top:100px; left:100px;}
  21 .test4c{ left:-100px;}
  22 .test4c div div { top:100px; left:100px;}
  23 .test5 { top:600px; }
  24 .test6 { top:750px; }
  25 .test5b , .test6b{ left:-100px; }
  26 .test5b div , .test6b div { left:100px;}
  27 .test5c , .test6c { left:-100px;}
  28 .test5c div div , .test6c div div { left:100px;}
  29
  30 #test_inherit { left: 400px; height:auto; bottom:0; }
  31 .inherit { clip:inherit; }
  32     </style>
  33 </head>
  34 <body>
  35
  36 <div class="test1">
  37 <div class="fail">FAIL</div>
  38 <div>
  39   <div class="pass">PASS</div>
  40 </div>
  41 </div>
  42
  43 <div class="test2">
  44 <div class="pass">PASS</div>
  45 </div>
  46
  47 <div class="test3">
  48 <div class="fail">FAIL</div>
  49 <div>
  50   <div class="pass">PASS</div>
  51 </div>
  52 </div>
  53
  54 <div class="test4">
  55 <div class="pass">PASS</div>
  56 </div>
  57
  58 <div class="test5">
  59 <div class="pass">PASS</div>
  60 </div>
  61
  62 <div class="test6">
  63 <div class="pass">PASS</div>
  64 </div>
  65
  66 <!-- same as above but with intermediary div with clip:inherit -->
  67 <div id="test_inherit">
  68 <div class="test1">
  69 <div class="fail">FAIL</div>
  70 <div>
  71  <div>
  72   <div class="pass">PASS</div>
  73  </div>
  74 </div>
  75 </div>
  76
  77 <div class="test2">
  78 <div>
  79   <div class="pass">PASS</div>
  80 </div>
  81 </div>
  82
  83 <div class="test3">
  84 <div>
  85   <div class="fail">FAIL</div>
  86 </div>
  87 <div>
  88  <div >
  89   <div class="pass">PASS</div>
  90  </div>
  91 </div>
  92 </div>
  93
  94 <div class="test4">
  95 <div>
  96  <div class="pass">PASS</div>
  97 </div>
  98 </div>
  99
 100 <div class="test5">
 101 <div>
 102  <div class="pass">PASS</div>
 103 </div>
 104 </div>
 105
 106 <div class="test6">
 107 <div>
 108  <div class="pass">PASS</div>
 109 </div>
 110 </div>
 111
 112 </div>
 113
 114 </body>
 115 </html>