third_party/WebKit/LayoutTests/css2.1/20110323/replaced-intrinsic-001.htm

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html lang="en">
   3  <head>
   4   <title>CSS Test: Replaced inline elements (using &lt;object&gt;) and SVG intrinsic widths</title>
   5   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
   6   <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
   7   <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/intrinsic/svg/001.html" type="text/html">
   8   <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">
   9   <meta name="flags" content="svg">
  10   <style type="text/css">
  11    html { width: 150px; padding: 0; margin: 8px; }
  12    body { padding: 0; margin: 0; }
  13    p { padding: 0; margin: 0; }
  14    object { width: auto; height: auto; } /* intrinsic size is 100%x100%, which is equivalent to width:100% height:auto (since height:auto on parent) */
  15    .control { background: red; width: 150px; height: 150px; border: solid lime 2px; margin: -2px; position: absolute; z-index: -1; }
  16   </style>
  17  </head>
  18  <body>
  19   <p>There should be a green square below this line, exactly fitting inside a 2px lime border.</p>
  20   <p class="control">FAIL (absolute positioning not supported) </p>
  21   <p><object data="resources/replaced-intrinsic-001.svg" type="image/svg+xml"> FAIL (SVG not supported) </object></p>
  22  </body>
  23 </html>