targeted towards unsophisticated users here in Mexico, so a non-scrolling
navigation menu would be very helpful. This is the code for a simple
Frameset with a Suckerfish drop-down menu is in the top ("header") frame.
(BTW Suckerfish is an elegant snippet of code, isn't it?)
Here's the code of the Frameset (quite routine):
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!-- saved from url=(0013)about:internet -->
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<frameset framespacing="0" rows="90,*" border=0 frameborder=0 >
<frame name="header" scrolling="no" noresize target="main"
allowtransparency="true" src="header.htm"
style="position:absolute; top:0; left:0; z-index:5">
<frame name="main" src='homeeng.htm' style="z-index:1">
<noframes>
<body>
<p>This page uses frames, but your browser does not support them.</p>
</body>
</noframes>
</frameset>
</html>
It took alota fussing to get the drop-downs to not disappear behind
the lower ("main") frame. Z-index is no help. Finally they go over
not under it, but only in IE7.
They still dive under "main" in IE6 and Firefox.
You can go to http://www.ajijiclimpio.org/newlook5 to see what
I mean. Check out the "about us" menu item: it drops down fine in
IE7; then take a look with Firefox. See what I mean?
You can click on the Download Demo button to get a zip of the code.
So, how do you get this working, hopefully in a compliant manner,
in both IE and FF? Even if Framesets are not an ideal solution,
it would be interesting to find the answer. Also, I hate being whipped
by quirky code.
