layout/reftests/bugs/379349-1a.xhtml

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3  <head>
   4   <title>CSS3 Multi-column Layout Test Suite: Overflow Pagination (Basic)</title>
   5   <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
   6   <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/>
   7   <style type="text/css">
   8     #container {
   9       height: 72pt;
  10       background: red;
  11     }
  12     #overflow {
  13       height: 5in;
  14       border: 2pt silver solid;
  15       border-top: none;
  16       border-bottom: solid 10px blue;
  17     }
  18     #following {
  19       margin: -72pt 0;
  20       height: 72pt;
  21       background: white;
  22       border: 2pt black;
  23       border-style: none solid;
  24
  25       font-size: 10pt;
  26       line-height: 10pt;
  27       color: blue;
  28     }
  29     body {
  30       height: 2in;
  31       width: 300pt;
  32       -moz-column-width: 100pt;
  33       -moz-column-gap: 0;
  34       border: solid gray;
  35     }
  36   </style>
  37  </head>
  38  <body>
  39   <div id="container">
  40     <div id="overflow">
  41     </div>
  42   </div>
  43   <p id="following">
  44     This paragraph must be in the first column.
  45     There must be no red. There must be a blue
  46     horizontal line in middle of the third
  47     column.
  48   </p>
  49  </body>
  50 </html>