36 lines
924 B
HTML
36 lines
924 B
HTML
<!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>
|