Results 1 to 10 of 10

Thread: Pull-Out Menus Hidden under RSS Feed

  1. #1
    Join Date
    Aug 2010
    Location
    Jacksonville, FL
    Posts
    85
    Thanks
    31
    Thanked 0 Times in 0 Posts

    Default Pull-Out Menus Hidden under RSS Feed

    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

  2. #2
    Join Date
    Aug 2010
    Posts
    19
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    What program do you use to build your website ?

  3. #3
    Join Date
    Aug 2010
    Location
    Jacksonville, FL
    Posts
    85
    Thanks
    31
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by yannickjeh View Post
    What program do you use to build your website ?
    I utilize Dreamweaver; however, I create everything in code.

  4. #4
    Join Date
    Aug 2010
    Posts
    19
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

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

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

  5. #5
    Join Date
    Aug 2010
    Location
    Jacksonville, FL
    Posts
    85
    Thanks
    31
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by yannickjeh View Post
    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!

  6. #6
    Join Date
    Aug 2010
    Location
    Jacksonville, FL
    Posts
    85
    Thanks
    31
    Thanked 0 Times in 0 Posts

    Default

    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)

  7. #7
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    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
    Code:
    #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)

  8. The Following User Says Thank You to azoomer For This Useful Post:

    Elbee (09-21-2010)

  9. #8
    Join Date
    Aug 2010
    Location
    Jacksonville, FL
    Posts
    85
    Thanks
    31
    Thanked 0 Times in 0 Posts

    Default

    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

  10. #9
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    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
    Code:
    #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.

  11. #10
    Join Date
    Aug 2010
    Posts
    19
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Elbee View Post
    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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •