HELP!!! How do I set a div width through the onresize event?

[kksmvs]

Hello -

I am trying to set a div width through the onresize event. For some reason, I am able to set the height ok. When setting the width, it will set once and then both the height and the width will not respond to the onresize event anymore. I basically want the div to resize whenever the browser is resized.

To demonstrate what I mean, copy and paste this code into a htm file. Add long strings of text to the div so that it will scroll both horizontally and vertically. Notice when resizing, the resize will get called once, but when resizing again it will not. Comment out the width line, and now the resizing will always get called.

Here is the code:

<script language="javascript">
function ResizeGrid()
{
myDiv.style.height = document.body.clientHeight - 50;
myDiv.style.width = document.body.clientWidth - 20;
}
</script>

<TABLE id="Table1" style="POSITION: absolute; TOP: 2px" cellSpacing="1"
cellPadding="1" border="0" onresize="ResizeGrid();">
<tr>
<td>
<div id="myDiv" style="overflow:auto">
text here
</div>
</td>
</tr>
</table>

[greg.harvey]

I'm no JS expert, but the only way I've seen this work is if you refresh the page on resize and have that code in the head of the page. I may be wrong since I don't meddle in these things very often, but I have a script that does something similar. I pain, granted, but it works.

G

[kksmvs]

I figured it out! I needed to add window.onresize = ResizeGrid; and remove the ResizeGrid from the table element.

<script language="javascript">
window.onresize = ResizeGrid;
function ResizeGrid()
{
myDiv.style.height = document.body.clientHeight - 50;
myDiv.style.width = document.body.clientWidth - 20;
}
</script>