Forum Moderators: not2easy
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
to declare the Doctype.
Any idea how I can get my 100% height to work with this? I have tried <table id="fullheight"> with #fullheight{height:100%} and the straight up <table height="100%">
Thanks,
Fiona
Thanks!
-----------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body>
<table border="0" width="100%" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td width="20%" valign="top">
<table border="0" width="100%" cellspacing="0" cellpadding="0" id="table2" background="/images/leftbakpap.gif">
<tr>
<td> </td>
</tr>
<tr>
<td height="22"> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td>
<td width="80%">content<br>content
<br>content
<br>content
<br>content
<br>content
<br>content
<br>content
<br>content
<br>content
<br>content
<br>content
<br>content
<br>content
<br>content
<br>content
<br>content
<br>content
</td>
</tr>
</table>
</body>
</html>
-----------------------------------------------------------------------
<td width="20%" valign="top">
to
<td width="20%" height="100%" valign="top">
"height: 100%" in css means to use the height of the direct parent if it was set explicitly.
[w3.org...] :
The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the value computes to 'auto'. A percentage height on the root element is relative to the initial containing block.
Bottom line: also give html 100% height
html, body {
height: 100%;
}
Not all browsers might react to it all the same way, take extra care.
