Hi,

If I add a row to a table using java script , the div element defined below the table will be moved down on the page.
If the table row deleted, the div element will be moved back up again.

This is not happening in either Firefox or IE.

How can I fix this for Safari/Google Chrome?

Thanks!

<div id="sidetree" align="left">
<table id="messages" width="94%">
<thead></thead>
<tbody></tbody>
</table>
</div>
<DIV id="window" style="top: 90px; left: 502px;display:none">
....

What in Safari and Google Chrome do you want to fix, if FF and IE are the ones causing problems?



In the above example the DIV#sidetree contains the table, so it will expand rather than move. The DIV#window is "display: none", so it will not show up in any case.

The DIV#window has "display: none" when it is invisible and display: block" when visible.

When visible, I don't what it to move when the table is expanding.

It's only moving when using Google Chrome or Safari.

Aha! But moving is the normal behavior. If it doesn't move in IE or FF, it's because of something else, not shown in your code example.

so, what can I do to prevent it from moving?

I don't like the idea of a having a pop up window changing position when a row is added to a table.

You could e.g. use CSS "position: absolute" on the table.

This is working.

Thanks!!!