Problem Keeping table over other html elements
hi,
I m trying to put a table over all the other controls of the page. The case is that the height of the table increases dynamically and because of that other html elements on the page are moving downwards. So what i want is the table must appear above the other controls, rather than the other controls moving downwards. I am trying to achieve something like used in following link:::
http://www.google.com/webhp?complete=1&hl=en
[454 byte] By [
bittua] at [2007-10-2 21:16:45]

hi,
I'd used the mentioned code but its not making any difference, the controls are still moving downwards...
What i need is some sort of layering in the form so that the table comes as a seperate layer above the other controls.
Currenlty this is what i m using::
<div style="position: relative; top:0px;left:0px;" id="menupopup">
<table id="completeTable" border="1" cellpadding="0" cellspacing="0" style="position:relative;top:0px;left:342px;height:20px;"/>
</table>
</div>
I tried to use layer tag also for that but that is also not working properly..
Any help and new ideas will be highly appreciated...
Thanks...
Message was edited by:
bittu
So you are embedding the table in th div tag. try using the same style with the div tag. And if this also does not serve ,send me ur code ,i will check it and tell u wat the prblm is....Regardshashin
hi,
I'd implemented the div tag the way u mentioned Hashin.Its now working fine with the current window (IE) size, but when the size of the window is changed the the table with id 'completeTable' remains there on the screen and the other controls are relocated according to the new size of the window, This is because the position of the table with id 'completeTable' has been absolute.
so can u please help for that..
Thanks...