Overlapping IFrame problems in Opera/Konquerer

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
Jesta
Beginner
Beginner
Posts: 1
Joined: Thu Jul 21, 2005 3:48 am

Overlapping IFrame problems in Opera/Konquerer

Post by Jesta »

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?
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

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: Select all

<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
Post Reply