mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-28 12:45:27 +00:00
6708be703f
There are also some corrections here for existing reftests because the old temporary 'stretch' scaffolding was wrong in many ways.
62 lines
1.5 KiB
HTML
62 lines
1.5 KiB
HTML
<!DOCTYPE HTML>
|
|
<!--
|
|
Any copyright is dedicated to the Public Domain.
|
|
http://creativecommons.org/publicdomain/zero/1.0/
|
|
-->
|
|
<html><head>
|
|
<title>CSS Test: Testing layout of rel.pos. grid items</title>
|
|
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151316">
|
|
<meta charset="utf-8">
|
|
<style type="text/css">
|
|
body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
|
|
|
|
.grid {
|
|
height: 30px;
|
|
border: 3px solid;
|
|
}
|
|
|
|
.c1 { background: grey; }
|
|
.r2 { -moz-transform: translate(-201px, -90px); }
|
|
.r3 { -moz-transform: translate(-10px, -40px); }
|
|
.r4 { -moz-transform: translate(70px, 40px); }
|
|
|
|
span {
|
|
border: 1px solid;
|
|
display: inline-block;
|
|
width: 18px;
|
|
height: 28px;
|
|
vertical-align: top;
|
|
}
|
|
.abs {
|
|
background: lime;
|
|
position: absolute;
|
|
top: 116px;
|
|
left: 204px;
|
|
padding-left: 3px;
|
|
padding-top: 5px;
|
|
width: 18px;
|
|
height: 28px;
|
|
vertical-align: top;
|
|
}
|
|
.abs1 {
|
|
position: absolute;
|
|
top: -5px;
|
|
left: -11px;
|
|
width: 30px;
|
|
height: 36px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="grid">
|
|
<span class="c1">1</span>
|
|
<span class="abs r1"><iframe width="20" height="20" src="data:text/html,<body>F"></iframe></span>
|
|
<span class="abs r2"><iframe width="20" height="20" src="data:text/html,<body>2"></iframe></span>
|
|
<span class="abs r3" style="xheight:23px"><span class="abs1">r3</span></span>
|
|
<span class="abs r4" style="xheight:23px"><span class="abs1">r4</span></span>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|