Jquery dropdown menu is covered by a frame on a webpage - html

I'm using a using this jquery dropdown menu in my banner frame (mail_frame.html). when it drops down it gets covered by another frame that's below it. even though i set the z-index of the drop down to 999 in it's css, it's still behind the other frame
frameset.jsp
</head>
<frameset id="frameMain" rows="84,*" framespacing="0">
<frame src="mail_frame.html" id="mail" name="mail" frameborder="0" border="0" marginwidth="0" marginheight="0" noresize="noresize" scrolling="no"/>
<frameset id="frameSet" cols="126,*" framespacing="0">
<frame src="leftNavigation.do?loadWelcome=true<%= currentURL %>" id="leftnav" name="leftnav" frameborder="0" border="0" marginwidth="0" marginheight="0" noresize="noresize" scrolling="no"/>
<frame src="empty.htm" id="main" name="main" frameborder="0" border="0" noresize="noresize" scrolling="yes"/>
</frameset>
</frameset>
</html>
how can i make it drop down on top of everything

Classic frames (what you're using) are completely independent windows. You can't have an element in one frame that then extends over the content of another frame. You can do that with iframes, but not with the kind you're using.
It may be time to consider moving to a frameless layout, as that's the direction the technology seems to be going. For instance, neither frame nor frameset is part of HTML5. As an alternative, you can use ajax (an increasingly outdated name, as I suspect most people are using it with JSON instead of XML now) to update individual elements within a page.

Related

How do I find the iframe on this page?

http://www.sandyscastles.net/mlsalt.html
I want to use this iframe on a new site (getting rid of this one). I inspect the element in Chrome... but can't get the iframe to work... I must not be looking at the right source.
Can someone write me a clear explanation of how to find this code?
are you trying to replace iframe?
This is the code your page have.
<frameset rows="116,*" cols="*" frameborder="NO" border="1" framespacing="0">
<frame src="mls2.html" name="topframe" scrolling="NO" noresize="">
<frame src="http://elko.fnismls.com/idx/idx.aspx?Mls=ELKO&Subscriber=bfad323f-3818-41b4-a951-8e2700f75a33&MLSSearch=1" name="body" scrolling="no" noresize="">
</frameset>

Second Frameset not appearing in IE8

I am working on a facelift for a legacy site that has to function in IE5 and up. I have it working in everything but IE8. It uses framesets and that is not something I can change unfortunately.
For some reason, in IE8 on Windows 7 and XP, the second frameset in a nested frameset group is not showing up. It is also a nested frameset.
I have tried viewing this in compatibility mode and without compatibility mode. It is also running on a server, not just a file. My head doesn't use the x-frame-options call in it because the site resides on a non-networked server, so there is no way it can be clickjacked.
Below is my code:
frameset rows="120, *" border="0">
<frameset cols="100%" border="0">
<frame src="masthead.html" style="width: 100%; display:" scrolling="no" noresize></frame>
</frameset>
<frameset cols="240, 640*" border="0">
<frame src="menu.html" scrolling="no" noresize></frame>
<frameset rows="*" border="0">
<frame src="cathome.html" name="main" scrolling="auto" noresize></frame>
</frameset>
</frameset>
</frameset>
It resides in an HTML page that has html, head, title and body tags as well.
The top frameset appears fine, there is just no bottom one. I can also see this exact code when I view source, so it is not removing anything when rendering. Thanks -
The frameset is invalid, and as known, IE is not the best browser to show invalid HTML. Remove the extra framesets:
<frameset rows="120, *" border="0">
<frame src="masthead.html" scrolling="no" noresize></frame>
<frameset cols="240, 640*" border="0">
<frame src="menu.html" scrolling="no" noresize></frame>
<frame src="cathome.html" name="main" scrolling="auto" noresize></frame>
</frameset>
</frameset>

How to make frameset tag open in the page

I have this as main page but I need the new pages to open in the whole tab, not in the frame. Is there any code to do that?
<frameset rows="9%,*%"noresize="noresize" border="0" framespacing="0" frameborder="no">
<frame src="title.html"noresize="noresize" border="0" framespacing="0" frameborder="no">
<frameset cols="10%,*%"noresize="noresize" border="0" framespacing="0" frameborder="no">
<frame src="sidebar.html"noresize="noresize" border="0" framespacing="0" frameborder="no">
<frame src="main.html"noresize="noresize" border="0" framespacing="0" frameborder="no">
</frameset>
</frameset>
Did you try adding a target="_blank" to your anchors? More about the target attribute on MDN.
Example:
External link
Side note: using frames for your whole site is considered bad practice more info here: Exactly WHY are Frames bad?

how to restrict the page content becoming large at the time of split the old frame into multiple frames?

I have the frameset like this,
index.html
<frameset rows="137px,*" border="0" >
<frame src="first.html" scrolling="no" noresize="noresize"/>
<frame src="second.html" noresize="noresize" name="show"/>
</frameset>
first.html
<a href="home.html" target='show'>Home</a>
home.html
<frameset rows="20%,*" border="0" >
<frame src="third.html" scrolling="no" noresize="noresize"/>
<frame src="fouth.html" noresize="noresize" name="newshow"/>
</frameset>
when I click the Home link in first.html. It will be load on the show frame( home.html).
The home.html is having another two frames. it will be split into two frames. When this split happens all page content become large. How to get rid of this problem.
I am working with firefox 3.0.8. In google-chrome,it works fine.
Thanks

Frameset in frameset border hell

I have a web page with lots of framesets and frames (don't ask), and I want to be able to show frame borders where the red borders appear in the mockup below (The vertical borders must be scrollable).
If I set frameborder="0" to the #outer frameset (i don't want any border to appear there), this prevents me from overriding it in the #middle frameset. Please not that there should not be a border in the #innerXXX framesets.
So, how can I show frame borders on the #innerXXX framesets? (only where the red lines are visible in the mockup)
Thanks.
P.S. Don't ask.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Frame desperation</title>
</head>
<frameset id="outer" rows="23, *" frameborder="0" border="0">
<frame noresize="noresize" scrolling="no" src="http://www.bing.com">
<frameset id="middle" cols="20,30%,35%,35%" frameborder="5" border="5" bordercolor="red" id="sizingControl">
<frame name="minimizeBar" noresize="noresize" id="minimizeBar" scrolling="no" src="http://www.bing.com">
<frameset id="inner1" rows="146,*,20" border-top="0" border-bottom="0" id="treePanel">
<frame id="treeToolbar" name="treeToolbar" scrolling="no" src="http://www.bing.com">
<frame id="treeContent" name="treeContent" src="http://www.bing.com">
<frame id="treeStatus" name="treeStatus" scrolling="no" src="http://www.bing.com">
</frameset>
<frameset id="inner2 rows="146,*,20" frameborder="0" border="0" >
<frame id="leftToolbar" name="leftToolbar" scrolling="no" src="http://www.bing.com">
<frame id="leftDocumentContent" name="leftDocumentContent" src="http://www.bing.com">
<frame id="leftStatus" name="leftStatus" scrolling="no" src="http://www.bing.com">
</frameset>
<frameset id="inner3 rows="146,*,20" frameborder="0" border="0" >
<frame id="rightToolbar" name="rightToolbar" scrolling="no" src="http://www.bing.com">
<frame id="rightDocumentContent" name="rightDocumentContent" src="http://www.bing.com">
<frame id="rightStatus" name="rightStatus" scrolling="no" src="http://www.bing.com">
</frameset>
</frameset>
</frameset>
<noframes></noframes>
I don't think you can have frameborders on framesets, just on frames themselves, so the best way to do this would probably to have a single frameset containing five frames - one at the top, one at the far left and three in the middle. You give the ones in the middle a frameborder. Then each middle frame points to an separate file which has a single frameset containing three frames - top, middle bottom. In other words:
Frameset
Frame (top)
Frame (left)
Frame (inner1) - add frame border
Frameset (in separate file)
Frame (top)
Frame (middle)
Frame (bottom)
Frame (inner2) - add frame border
Frameset (in separate file)
Frame (top)
Frame (middle)
Frame (bottom)
Frame (inner3) - add frame border
Frameset (in separate file)
Frame (top)
Frame (middle)
Frame (bottom)
Incidentally, regarding the code itself, there are missing quotation marks after inner2 and inner3. Also, you shouldn't have two IDs in a single element as this could mess up any JavaScript or CSS you write. Good luck with all those frames - you have my sympathy!