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