fixed-table-layout-009-ref.html (1717B)
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-lr; 13 } 14 div.prose { 15 writing-mode: horizontal-tb; 16 width: 180px; 17 padding: 1em; 18 } 19 div.textContainer 20 { 21 height: 100px; 22 border: 1px solid blue; 23 margin: 2px; 24 } 25 #hidden 26 { 27 overflow: hidden; 28 } 29 </style> 30 </head> 31 <body> 32 <div class="test"> 33 <div class="textContainer">FillerTextFillerTextFillerTextFiller</div> 34 <div class="prose">Test passes if the text in the blue rectangle to the left 35 of this line spills outside of its bottom border and the text 36 in the blue rectangle to the right of this line is contained 37 within the rectangle's border (and appears to be cut off on 38 its bottom edge).</div> 39 <div class="textContainer" id="hidden">FillerTextFillerTextFillerTextFiller</div> 40 </div> 41 </body> 42 </html>