eliott/servo
1
0
Fork 0
mirror of https://github.com/servo/servo synced 2026-04-29 02:47:55 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

Browse Source
This commit is contained in:
James Graham
2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
tests/wpt/css-tests/css21_dev/xhtml1/position-004.xht Normal file
View File

@@ -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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: Position set to 'fixed'</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-09-19 -->
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
<meta name="flags" content="interact" />
<meta name="assert" content="The 'position' property applies the value 'fixed' and places the element out of flow of the document and locks it to a specific point on the viewport." />
<style type="text/css">
#wrapper
{
height: 3000px;
}
#div1
{
background: red;
border: 3px solid orange;
}
#div2
{
background: blue;
color: white;
left: 1in;
position: fixed;
top: 1.75in;
}
</style>
</head>
<body>
<p>Test passes if there is no red, if the blue stripe is just as wide and just as tall as its text and if the blue stripe is completely shifted below the orange line. Also when scrolling, the blue stripe must stay at its same position on the screen, all other content can scroll.</p>
<div id="wrapper">
<div id="div1">
<div id="div2">Text sample</div>
</div>
</div>
</body>
</html>