URGENT!!! IE6 nested table height scaling problem!!!

[JSDNUK]

Basically I've got a problem with IE6 (who doesn't)... Anyway, what I'm trying to do is stretch the area on the right hand side of my page down to the footer.

N.B I'm using nested tables.

Now, this code I'm using works fine in IE5.5, Firefox and at certain resolutions in IE6, but not consistantly.

The table opening is as follows...

<td style="background-image:url(/images/common/body_vstretch_bg.gif); width:2px; height:100%"><img src="/images/common/clear.gif" width="2" alt="spacer"/></td>
<td align="left" valign="top" class="nav_vstretch" style="height:100%">
<div class="noprint">
<table cellpadding="0" cellspacing="0" border="0" class="sideColumns" summary="RHS Navigation Table">

and I have the following code at the end...

<tr>
<td style="height:100%"></td>
</tr>

Though I have tried a number of possible solutions, I am still unable to get this page to display correctly at all resolutions in IE6/7.

Have a look at

http://www.enfield.gov.uk,

maximise your browser then grab the bottom right hand corner of your browser and resize manually (have a bit of a play). Note what happens to the right hand column!!!

Now, have a look at

http://www.enfield.gov.uk/test.asp.

Can someone show me how/why this is happenning. I'm completely out of ideas....

N.B test.asp has style="height:100%" added to sideColumns table + colour/images, etc have been removed. Regardless, the page only stretches part of the way???

Any help would be hugely appreciated.

Many Thanks...

 

[Vragabond]

I cannot see the problems you're describing in IE6. But if I would suggest you something is to move from tabled layout to a css based one. Tables are outdated and clumsy when it comes to layout.