File: bug85016.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 (35 lines) | stat: -rw-r--r-- 924 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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>percentage heights</title>
	<style> 
		body { margin: 2em; }
		div {margin: 2em; } 
	</style>
</head>

<body>
<p style="display:none;">percentage height images in DIV with no height (red)</p>
<div style="border: 1px solid green;">
<div style="border: 1px solid red;">
  <img height="100%" width="100%" src="../images/raptor.jpg">
</div>
</div>
<p>percentage height images in DIV with no height (red) in a DIV with no height (green)</p>
<div style="border: 3px dotted green;">
 <div style="border: 1px solid red;">
  <img height="100%" src="../images/raptor.jpg">
 </div>
</div>
<p>percentage height image in table cell (red), in a DIV with no height (green)</p>

<div>
<table style="border: 1px solid red;" height="100%">
<tr>
<td style="border: 1px solid red;"><img src="../images/raptor.jpg"></td>
</tr>
</table>
</div>
</body>
</html>