Hi,
I'm using <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
I tried 2 structures:
1.
<table>
<tr>
<td style="height:100%;"></td>
<td id="container" style="height:100%;">
<table>
<tr>
<td style="height:80px;"></td>
<td>
</tr>
</table>
<table>
<tr>
<td id="hundredpercent" style="height:100%;"></td>
<td>
</tr>
</table>
</td>
</tr>
</table>
2.
<table>
<tr>
<td style="height:100%;"></td>
<td id="container" style="height:100%;">
<div style="height:80px;">
</div>
<div id="hundredpercent" style="height:100%;">
</div>
</td>
</tr>
</table>
I want the bottom element named "hundredpercent" to stretch to the screen
height or to the height of the containing td named "container".
Mostly it's not working on IE8 . I tried 100 ways suggested on numerous
places on the net but it didnt work using the above doctype (I have to use
it).
How do I make the bottom element stretch 100% on any major browser
(firefox, IE, chrome)?
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
