RetroZilla/layout/html/tests/frameset/core/iframeboxmodel.html
2015-10-20 23:03:22 -04:00

49 lines
985 B
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
#fr1 {width: 200; height: 300; top: 10; left: 10; position: absolute; border: 10px solid green;
z-index: 2;}
#overlay {position: absolute; left: 11; top: 11; width: 200; height: 300;
background: white; border: 10px solid red;
z-index: 1;}
#info {position: absolute; left: 10; top: 340; width: 400;
background: white; border: 10px solid blue; font-family: arial;
padding: 10px;}
-->
</style>
<script type="text/javascript">
<!--
//-->
</script>
</head>
<body>
<iframe src="foo.html" id="fr1"></iframe>
<div id="overlay">
<!-- Should have the same box size as fr1-->
</div>
<div id="info">
<h3>IFRAME box Model</h3>
<p>This shows an IFRAME in front of a DIV with the
exact same width,height,left,top,border and position style.</p>
<p>Shouldn't the IFRAME box have exactly the same size as the DIV?</p>
</div>
</body>
</html>