Overlapping IFrame problems in Opera/Konquerer

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:37

Overlapping IFrame problems in Opera/Konquerer

Poster: Jesta
Dated: Thursday July 21 2005 - 19:52:13 BST

Im having a slight problem with a design issue in the fact that Opera and Konquerer wont let the menu display overlapping the IFrame. The design of the site is here:

http://dev.lqarena.com/

We do have very few users that actually use opera and konquerer, but the fact that we are forcing those users to use a browser that they dont like, isnt something I want to have to deal with.

Ive tried changing the Z-Index of the layers using DIV tags, but I cant manage to make it overlap in those 2 browsers, im not sure if its a browser problem or what, but it works fine in FireFox, Mozilla, IE and browsers based off of them.

Any suggestions?

Poster: Ruth
Dated: Thursday July 21 2005 - 23:09:51 BST

Hi,

A couple of things to note.

First, you have the menu in a table which requires specific placement to do that. You can get the information on how to do it HERE and also in the table sample .

Second, and this may be the issue with the Konquerer though I don't know that for a fact, but you have in addition to placing the menu in a table, placed a div inside that cell and put the menu in that. You should not place the menu in a div, it will cause problems across browsers.

In place of the div you can put inside that table cell where you now have the div

Code:

<TD vAlign=center width="100%" bgColor=#006699 
                height=26><table width="100%" bgcolor=#006699 height=26>
<tr>
       <td><SCRIPT src="main_embed.js" 
                  type=text/javascript></SCRIPT>
                  </SCRIPT></td>
       <td align="right"><FONT color=white size=2>[ The worlds largest 
                  LaserQuest resource ] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT></td>
</tr>
</table</TD>

So, you've put another table in there of 1 row and 2 columns one for the menu and one for your Worlds Largest etc. part.

Read how to put the menu in a table, you have to cut the main menu OUT of the menu data file and put it in its own file or in the table cell directly using a second drawMenus() just like the menu_data file contains.

As to Opera, I've never been able to figure that one out. It almost seems as if it makes the iframe as if it were an actual separate frame, like in a framset and forces it to always be the top item. There is a discussion HEREabout fixing one such problem

Ruth

Industrial Strength JavaScript and DHTML Menus

Overlapping IFrame problems in Opera/Konquerer