File: iframeboxmodel.html

package info (click to toggle)
mozilla-firefox 1.0.4-2sarge17
  • links: PTS
  • area: main
  • in suites: sarge
  • size: 255,356 kB
  • ctags: 267,207
  • sloc: cpp: 1,623,961; ansic: 792,828; xml: 85,380; makefile: 41,934; perl: 27,802; asm: 14,884; sh: 14,807; cs: 4,507; python: 4,398; java: 4,004; yacc: 1,380; lex: 409; pascal: 354; php: 244; csh: 132; objc: 73; ada: 44; sql: 4
file content (48 lines) | stat: -rw-r--r-- 985 bytes parent folder | download | duplicates (10) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
<!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>