2007-03-22 10:30:00 -07:00
|
|
|
<!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%; }
|
2014-01-15 07:21:31 -08:00
|
|
|
img { image-rendering: -moz-crisp-edges; }
|
2007-03-22 10:30:00 -07:00
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
|
|
<div><img src="mozilla-banner.gif" width="100" style="height: 50%"></div>
|
|
|
|
<div><img src="mozilla-banner.gif" width="2" style="min-height: 50%"></div>
|
|
|
|
<div><img src="mozilla-banner.gif" width="100" style="max-height: 50%"></div>
|
|
|
|
|
|
|
|
<div><span style="position:relative; top: 30%">text</span></div>
|
|
|
|
<div><span style="position:relative; bottom: 30%">text</span></div>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|