fixed-table-layout-009

Cell that overflows a fixed-width table

WeasyPrint

This browser

Assertion
A cell that overflows the fixed table width uses its 'overflow' property to determine whether to clip the overflow content.

Source

 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-width table</title>
 5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
 6         <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout">
 7         <meta name="flags" content="">
 8         <meta name="assert" content="A cell that overflows the fixed table width uses its 'overflow' property to determine whether to clip the overflow content.">
 9         <style type="text/css">
10             table
11             {
12                 table-layout: fixed;
13                 width: 100px;
14             }
15             td
16             {
17                 border: 1px solid blue;
18                 width: 100px;
19             }
20             #hidden
21             {
22                 overflow: hidden;
23             }
24         </style>
25     </head>
26     <body>
27         <table>
28             <tr>
29                 <td>FillerTextFillerTextFillerTextFiller</td>
30             </tr>
31         </table>
32         <p>Test passes if the text in the blue rectangle above this line spills outside of its right side border and the text in the blue rectangle below this line is contained within the rectangle's border (and appears to be cut off on its right side).</p>
33         <table>
34             <tr>
35                 <td id="hidden">FillerTextFillerTextFillerTextFiller</td>
36             </tr>
37         </table>
38     </body>
39 </html>