File: iframeboxmodel.html

package info (click to toggle)
iceweasel 2.0.0.19-0etch1
  • links: PTS
  • area: main
  • in suites: etch
  • size: 298,784 kB
  • ctags: 317,912
  • sloc: cpp: 1,796,902; ansic: 987,677; xml: 109,036; makefile: 47,777; asm: 35,201; perl: 26,983; sh: 20,879; cs: 6,232; java: 5,513; python: 3,249; pascal: 459; lex: 306; php: 244; csh: 132; objc: 97; yacc: 79; ada: 49; awk: 14; sql: 4; sed: 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>