In a html page on Internet Explorer, I want to place a table on top of a html select. I have made the position style property of the table absolute and z-index 2000. z-index of select is 0. Still the select is displaying on top of the table. Please give me a solution.

A <select> element is a control, controls are always painted last when the browser renders a page (at least this is the case with IE). There is nothing you can do about the <select> element rising above your <table>, that is not without some javascript. Assuming that the <table> is only visible some of the time (hence why you would have it above a <select> element in the first place), you want to make the <select> element invisible while the <table> is visible by doing:

document.getElementById('select element's ID').style.visibility = 'hidden';

Then add that to the event that makes the <table> appear over the <select> element.

You may have to actually place style='visibility: visible;' on the <select> element, lest IE complain that style is undefined. Don't recall whether that's necessary or not at the moment.

HTH!


Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design

I have solved the problem with iframe.
<iframe style="...."></iframe>
<table>
...
</table>
Then in javascript making the size and position of iframe same as the table.