blob: e77cb44ddbe4201cb7055fa4970404d393ce4592 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<!DOCTYPE HTML>
<html>
<head>
<title>Testcase for resizing elements that depend on containing block height</title>
<style type="text/css">
html, body { height: 100%; }
div { height: 3%; }
img { image-rendering: -moz-crisp-edges; }
</style>
</head>
<body>
<div><span><img src="blue-600x58.png" width="100" style="height: 50%"></span></div>
<div><span><img src="blue-600x58.png" width="2" style="min-height: 50%"></span></div>
<div><span><img src="blue-600x58.png" width="100" style="max-height: 50%"></span></div>
<div><span><span style="position:relative; top: 30%">text</span></span></div>
<div><span><span style="position:relative; bottom: 30%">text</span></span></div>
</body>
</html>
|
