layout/reftests/margin-collapsing/scrollable-vertical-margin-ref.html

   1 <!DOCTYPE HTML>
   2 <html><head>
   3     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   4     <title>Testcase for bug 724352</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 x1,x2,x3,x4,x5,x6 { display:block; }
  12 x7 {display:block; height:20px;background:lime;}
  13     </style>
  14 </head>
  15 <body>
  16
  17 <x1><x2 style="overflow:auto; background:grey; height:50px;">
  18   <x3><x4 style="padding:20px 0 10px 0; height:20px;"><x7></x7></x4></x3>
  19 </x2>
  20 <x6 style="padding-top:10px">x</x6></x1>
  21
  22
  23
  24 <x1><x2 style="overflow:auto; background:grey; height:70px;">
  25   <x3 style="padding-bottom:30px"><x4 style="padding-top:20px; height:20px;"><x7></x7></x4></x3>
  26 </x2>
  27 <x6 style="padding-top:10px">x</x6></x1>
  28
  29
  30
  31 <x1><x2 style="overflow:auto; background:grey; height:60px;">
  32   <x3 style="padding-bottom:10px"><x4 style="padding-top:20px; height:20px;"><x7></x7></x4></x3>
  33 </x2>
  34 <x6 style="padding-top:10px">x</x6></x1>
  35
  36
  37
  38 <x1><x2 style="overflow:auto; background:grey; height:50px;">
  39   <x3 style="padding-bottom:10px"><x4 style="padding-top:20px; height:20px;"><x7></x7></x4></x3>
  40 </x2>
  41 <x6 style="padding-top:10px">x</x6></x1>
  42
  43
  44
  45 <x1><x2 style="overflow:auto; background:grey; height:60px;">
  46   <x3><x4 style="padding:20px 0; height:20px;"><x7></x7></x4></x3>
  47 </x2>
  48 <x6 style="padding-top:10px">x</x6></x1>
  49
  50
  51
  52 <x1><x2 style="overflow:auto; background:grey; height:60px;">
  53   <x3><x4 style="padding:20px 0; height:20px;"><x7></x7></x4></x3>
  54 </x2>
  55 <x6 style="padding-top:10px">x</x6></x1>
  56
  57
  58
  59 <x1><x2 style="overflow:auto; background:grey; height:50px;">
  60   <x3><x4 style="padding:10px 0 20px 0; height:20px;"><x7></x7></x4></x3>
  61 </x2>
  62 <x6 style="padding-top:10px">x</x6></x1>
  63
  64
  65 </body>
  66 </html>