layout/reftests/writing-mode/tables/fixed-table-layout-009-vrl.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3     <head>
   4         <title>CSS Test: Cell that overflows a fixed-height table</title>
   5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
   6         <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/">
   7         <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
   8         <meta name="flags" content="">
   9         <meta name="assert" content="A cell that overflows the fixed table height uses its 'overflow' property to determine whether to clip the overflow content.">
  10         <style type="text/css">
  11             div.test {
  12                 writing-mode: vertical-rl;
  13             }
  14             div.prose {
  15                 writing-mode: horizontal-tb;
  16                 width: 180px;
  17                 margin: 1em;
  18             }
  19             table
  20             {
  21                 table-layout: fixed;
  22                 height: 100px;
  23             }
  24             td
  25             {
  26                 border: 1px solid blue;
  27                 height: 100px;
  28                 padding: 0px;
  29             }
  30             #hidden
  31             {
  32                 overflow: hidden;
  33             }
  34         </style>
  35     </head>
  36     <body>
  37       <div class="test">
  38         <table><tr><td id="hidden">FillerTextFillerTextFillerTextFiller</td></tr></table>
  39         <div class="prose">Test passes if the text in the blue rectangle to the left
  40         of this line spills outside of its bottom border and the text
  41         in the blue rectangle to the right of this line is contained
  42         within the rectangle's border (and appears to be cut off on
  43         its bottom edge).</div>
  44         <table><tr><td>FillerTextFillerTextFillerTextFiller</td></tr></table>
  45     </body>
  46 </html>