Pull-Out Menus Hidden under RSS Feed

[Elbee]

Hello,

http://jaxpubliclibrary.org/program.calendar/ar.html

If you view the page above, you will see that the information in the center is an RSS feed. Some of the menu options on the navigation bar on the left have pull-out menus. In IE7, IE8, and Firefox, the pull-out menus are appearing behind the feed and therefore cannot be seen. In Safari, the pull-out menus appear on top of the feed which is how we would like it. All of our 21 libraries utilize computers with IE7.

Is there any solution to this?

Thank you for your help, Elbee

[yannickjeh]

What program do you use to build your website ?

[Elbee]

What program do you use to build your website ?

I utilize Dreamweaver; however, I create everything in code.

[yannickjeh]

Ok, then I can't help.. sorry.

Oh also add this to ur iFrame code border="0" frameborder="0"

[Elbee]

Ok, then I can't help.. sorry.

Oh also add this to ur iFrame code border="0" frameborder="0"

Thanks for the tip on the iFrame! Looks much better!

[Elbee]

Hey!!

That tip you gave me about th iFrame fixed the problem in Firefox. So now it works in Firefox and Safari. The problem is that we use IE7!

It could be something really simple but I don't know what.

Thanks for your help, Elbee (Linda)

[azoomer]

Hi Elbee, iframes are often a problem in IE7. I am not sure if this will help but you can try to add z-index to these two divs

#feedHeaderContainer {
     z-index:0;
}
#feedBody {
     z-index:0;
}

it could be worth a try even though it may fail.

Another thing you could try is giving the whole iframe a z index of 0.

I suspect that my suggestions are not very good, but unfortunately I can't test it ( don't have IE7)

[Elbee]

Thanks for answering. I have a question. This is what the iFrame looks like:
<iframe
src="http://jplcalendar.coj.net/evanced/lib/eventsxml.asp?lib=14&nd=60&dm=rss2"
width="72%" height="450" scrolling="auto" code border="0" frameborder="0">
</iframe>
_______________
These would go in the CSS right?
#feedHeaderContainer {
z-index:0;
}
#feedBody {
z-index:0;
}

Then I would use <div id="feedBody"> around the iFrame? Where would the other ID go?

Thanks for your help, Elbee

[azoomer]

HI Elbee, the <div id="feedbody"> and <div id="feeHeaderContainer"> already exist so you don't need to create them. But anyway i suspect that it will not work. Right now I think it may be better to try modifying the existing css. In the layout.css line 21 you can try to add position: relative and z-index:0 like this

#center_panel {
margin:0;
padding:0 10 px;
position:relative;
text-align:left;
vertical-align:top;
width:100%;
z-index:0;
}

Sorry for the change of heart. Still I can't test so I don't know if it will work.

[yannickjeh]

Hey!!

That tip you gave me about th iFrame fixed the problem in Firefox. So now it works in Firefox and Safari. The problem is that we use IE7!

It could be something really simple but I don't know what.

Thanks for your help, Elbee (Linda)

Haha, thats great. Didn't see it as a possible solution but just to make it look nicer. Well glad I could help