[thelist] iframes , divs, and mac IE 5.0

Adam adam at hallinteractive.com
Tue May 7 15:54:30 CDT 2002

hey all.

I'll make a second try for help before I start ripping up code with no

I have this...

<td width="440" id="contentcell"><!-- content begins -->
<div class="iframepos">
<iframe src="content.html" frameborder="0" width="420" height="220"
scrolling="no" name="copy" id="copy">Sorry your browser does not support
IFRAMES. If possible <a href="http://www.webstandards.org/upgrade/"
title="Download a browser that complies with Web
<div id="menu1Container">
<div id="menu1Content" class="menu">
<h1>BIO<br />GRA<br />PHY</h1></div>
<div id="menu2Container">
<div id="menu2Content" class="menu">
<h1>REC<br />ORD<br />INGS</h1></div>
<div id="menu3Container">
<div id="menu3Content" class="menu">
<h1>PIC<br />TUR<br />ES</h1></div>
<div id="menu4Container">
<div id="menu4Content" class="menu"><h1>CON<br />TAC<br />T!</h1></div>
    <!-- content ends -->

in mac ie5.0 the iframe is above the menu layers which slide over the entire
content area. in win ie5* the layers operate fine over the iframe.
can anyone offer insight into what I should to to accomplish this on macs?
Is this something I can fix by assigning z-index values to the divs so they
appear above the iframe?


thx for any help u can offer.

on 5/7/02 11:09 AM, Adam at adam at hallinteractive.com wrote:

> Hello!
> I'm doing up a free site for a friend and I've hit a snag. I've got
> http://www.youngpup.net  's menu slide script going and in win ie5* the
> layers glide gracefully as they should over an iframe I've set up. I tried
> the test page in mozilla9.9/ win and in order to get the layers to cover the
> iframe all I had to do was move the menus under the <iframe> tag.
> that doesn't seem to werk on mac ie5.0 which displays the iframe over my
> layers...and now that I look closely it also misaligns the layer
> positions...*scratches head*
> just to give you an idea of my javascript skills, it took me almost an hour
> to figure out how to add an onclick event to the menu script. There's a lot
> of code involved so I didn't want to include it here.
> If anyone can help or give me an idea as to where I can look for an answer
> I'd be much obliged ;)
> http://www.pupilchoke.com/shug/
> thx!
> Adam.
> <tip type="visual hierarchy">
> One way to aid readability and "scannability" of your text heavy documents
> is to develop the right relationships between your type weights. Giving your
> main navigation, your section headings, and your copy the same font size and
> weight isn't as effective of setting up visual prominence for the more
> important information while maintaining "friendliness" between them all. ie:
> main nav: 12px/bold, headings 16px/bold, subheadings 14px/bold, copy
> 12px/normal.
> </tip>

More information about the thelist mailing list