summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-008.xht
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-008.xht')
-rw-r--r--testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-008.xht39
1 files changed, 39 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-008.xht b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-008.xht
new file mode 100644
index 0000000000..78b1c7f6f7
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/positioning/absolute-non-replaced-max-height-008.xht
@@ -0,0 +1,39 @@
+<!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: Max-height on absolutely positioned, non-replaced elements, 'top' set to static position</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-29 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" />
+ <link rel="match" href="absolute-non-replaced-max-height-008-ref.xht" />
+
+ <meta name="assert" content="When 'top' is set to the static position and any 'auto' values for top and bottom margin are set to '0', when 'top' and 'bottom' are 'auto' and 'height' is not 'auto'." />
+ <style type="text/css">
+ #div1
+ {
+ background: blue;
+ height: 3in;
+ position: relative;
+ width: 1in;
+ }
+ div div
+ {
+ background: orange;
+ bottom: auto;
+ height: 1in;
+ margin-bottom: auto;
+ margin-top: auto;
+ max-height: 0.5in;
+ position: absolute;
+ top: auto;
+ width: 100%;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a small orange rectangle and a bigger blue rectangle.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html> \ No newline at end of file