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: height</title>
5 <meta name="flags" content="image">
6 <link rel="help" href="http://www.w3.org/TR/REC-CSS1#height">
7 <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html">
8 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
9 <style type="text/css">
10 div { background: url(support/test-outer.png) top left no-repeat; padding: 40px 40px 240px 40px; }
11 img { height: 200px; }
12 </style>
13 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" title="10.4 Minimum and maximum widths: 'min-width' and 'max-width'">
14 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" title="10.5 Content height: the 'height' property">
15 </head>
16 <body>
17 <p>The blue rectangle below should be exactly 200 pixels by 120
18 pixels on the ruler (and the aqua bars should stick out of the
19 blue box, with no red present).</p>
20 <!-- This test sucks. Anyone got any better ideas on how to do this? -->
21 <div><img src="support/test-inner-half-size.png" class="one" alt="FAIL: Image support required."></div>
22 </body>
23 </html>