fixed-table-layout-009-vlr.html (1806B)
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 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>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 id="hidden">FillerTextFillerTextFillerTextFiller</td></tr></table> 45 </body> 46 </html>