Display issues with Superfish (jQuery menu plugin) on IE7 (and maybe 6?)
Display issues with Superfish (jQuery menu plugin) on IE7 (and maybe 6?)
I have a page with a DataTable in it and also the Superfish drop down menus. In IE8 everything works a treat, but in IE7 the DataTable displays over the top of my Superfish drop down menu. I can't work out what the issue is - not sure whether it is something DataTables is doing to the screen / html?
I thought it might be similar to an old issue I've had in the past with drop down menus and select boxes always displaying on top. The solution / workaround here is to put an iframe underneath the menu. This doesn't work as the iframe displays fine, above the datatables, but the superfish menu still displays below this and the datatable.
Is there something that DataTables is doing that would cause another element to display underneath it that I need to be aware of to fix my problem?
I thought it might be similar to an old issue I've had in the past with drop down menus and select boxes always displaying on top. The solution / workaround here is to put an iframe underneath the menu. This doesn't work as the iframe displays fine, above the datatables, but the superfish menu still displays below this and the datatable.
Is there something that DataTables is doing that would cause another element to display underneath it that I need to be aware of to fix my problem?
This discussion has been closed.
Replies
The problem I had was to do with an IE bug described here:
http://verens.com/archives/2005/07/15/ie-z-index-bug/
I fixed it by setting the z-index of the data tables wrapper to one that is lower than the superfish menu items.