I’m prototyping several possible ways to build a website that’s
targeted towards unsophisticated users here in Mexico, so an non-scrolling
navigation menu would be very helpful. This is the code for a simple
Frameset with a Suckerfish drop-down menu 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=html]<!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 [URL=”http://www.ajijiclimpio.org/newlook5″]http://www.ajijiclimpio.org/newlook5
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
defeated by software quirks. Any ideas?