third_party/WebKit/LayoutTests/fast/replaced/absolute-image-sizing.html

   1 <html>
   2 <head>
   3     <title></title>
   4     <style type="text/css">
   5         <!--
   6         #img1
   7         {
   8                 position: absolute;
   9         }
  10         #img2
  11         {
  12                 position: absolute;
  13             left: 300px;
  14         }
  15         #box1
  16         {
  17                 position: absolute;
  18                 width: 200px;
  19                 height: 200px;
  20                 background-color: #FF0000;
  21         }
  22         #box2
  23         {
  24                 position: absolute;
  25                 width: 200px;
  26                 height: 200px;
  27                 left: 300px;
  28                 background-color: #FF0000;
  29         }
  30         -->
  31     </style>
  32 </head>
  33 <body>
  34         <p>An absolute-positioned image with only one dimension specified should retain its aspect ratio. If this test succeeded, there should be no red on the page and both compasses should be equal in size and height.</p>
  35         <div id="box1"></div>
  36         <img id="img1" src="resources/compass.jpg" width="200px">
  37
  38     <div id="box2"></div>
  39     <img id="img2" src="resources/compass.jpg" height="200px">
  40 </body>
  41 </html>
  42
  43