summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-010.xht
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-010.xht')
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-010.xht46
1 files changed, 46 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-010.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-010.xht
new file mode 100644
index 0000000000..34901665f4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-replaced-height-010.xht
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Test: Absolutely positioned inline replaced element with intrinsic ratio, 'height' and 'bottom' set to 'auto'</title>
+ <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
+ <link rel="reviewer" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-31 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height" />
+ <link rel="match" href="absolute-replaced-height-010-ref.xht" />
+
+ <meta name="flags" content="image" />
+ <meta name="assert" content="The 'height' is the used width divided by the intrinsic ratio when an absolutely positioned inline replaced element has an intrinsic ratio, 'height' and 'bottom' are set to 'auto' and 'width' is specified." />
+ <style type="text/css">
+ #div1
+ {
+ border-top: solid black;
+ position: relative;
+ }
+ div div
+ {
+ background: blue;
+ height: 1in;
+ left: 1in;
+ position: absolute;
+ top: 1in;
+ }
+ img
+ {
+ bottom: auto;
+ height: auto;
+ position: absolute;
+ top: 1in;
+ }
+ div div, img
+ {
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled blue rectangle and it does not touch the black line.</p>
+ <div id="div1">
+ <img alt="blue 15x15" src="support/blue15x15.png" />
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file