CSS Friendly menu has disappeared (emergency)

Last post 11-27-2009 12:06 PM by Chalam. 6 replies.

Sort Posts:

  • CSS Friendly menu has disappeared (emergency)

    08-13-2007, 1:49 PM
    • Member
      5 point Member
    • Zak Keown
    • Member since 02-28-2007, 9:28 PM
    • Posts 26

    I'm completely at a loss... in IE7 and Firefox, this is fine.  In IE6, the Menu has disappeared completely.  The site went live Friday, so as you can imagine I'm being pressured quite a bit to figure this out, but I'm clueless. 

  • Re: CSS Friendly menu has disappeared (emergency)

    08-13-2007, 1:58 PM
    • Member
      5 point Member
    • Zak Keown
    • Member since 02-28-2007, 9:28 PM
    • Posts 26

    Did not get enough sleep last night... URL: http://www.gastonboomersmonthly.com

  • Re: CSS Friendly menu has disappeared (emergency)

    08-13-2007, 6:16 PM
    • Contributor
      3,298 point Contributor
    • Russ Helfand
    • Member since 09-14-2005, 6:22 PM
    • Groovybits.com
    • Posts 741

    I looked at the markup for this page (view source in IE). You seem to be linking correctly to the IE6 style sheet. You also seem to be using menuadapter.js properly. So, at first glance, the markup seems OK but I could have missed something.

    I looked at the site in IE6 and immediately saw that the menu seems like it is missing. Whenever you see missing stuff in IE6 you must immediately think "peek-a-boo bug." The fix for you will be to add position:relative to one or more of the CSS rules governing your menu. Try adding position:relative to a rule like:

    .Menu,
    .Menu .AspNet-Menu-Horizontal,
    .Menu .AspNet-Menu-Horizontal .AspNet-Menu
    {
      position:relative;
    }

    There are other workarounds for IE6's peek-a-boo bug but position:relative is the easiest, in my opinion, and generally has few/no side effects in other browsers.

    Good luck.

    Russ Helfand
    Groovybits.com
  • Re: CSS Friendly menu has disappeared (emergency)

    08-14-2007, 8:59 AM
    • Member
      5 point Member
    • Zak Keown
    • Member since 02-28-2007, 9:28 PM
    • Posts 26

    Position: relative didn't fix it, but I did some further looking around (I'd never heard of the peekaboo bug) and _height: 0 did.

    However, now that the menu is showing up, it's not laying out correctly... it's showing up as a vertical menu.  IE7 and Firefox still work fine.  Any further advice?  Please? Big Smile 

  • Re: CSS Friendly menu has disappeared (emergency)

    08-21-2007, 11:27 AM
    • Contributor
      2,579 point Contributor
    • Rinze
    • Member since 08-15-2007, 2:56 PM
    • Leiden, Netherlands
    • Posts 477

    I just had a quick glance. It appears you still haven't fixed this.

     Did you experiment with the css? I appears the menu container isn't wide enough, maybe you can try to set a width: 100%; on either or both of these containers

    	<div class="AspNet-Menu-Horizontal">
    		<ul class="AspNet-Menu">
    Try adding AspNet-Menu-Horizontal to this style setting.
    .AspNet-Menu-Vertical ul.AspNet-Menu li
    {
        width: 100%;
    }
     
    Also experiment with removing Menu ul.AspNet-Menu from this style setting. It appears you are limiting the ul width to 150px. but it should spreak the entire container. If 100% does not work, give it the width of the container.
     
    Menu ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf
    {
        width: 150px;
        background: #741619 none;
        border: solid 1px black;
        border-top: 0px;
    }
     
    Hope this helps,
    rinze
    Hope this helps !
    Rinze Cats

    ---------
    please select 'mark as answer' if this post helped you!
  • Re: CSS Friendly menu has disappeared (emergency)

    11-27-2009, 6:37 AM
    • Member
      5 point Member
    • jeremydramos
    • Member since 10-16-2009, 10:35 AM
    • Dublin, Ireland
    • Posts 8

    Hi Zak,

     

    You may also want to check your menu navigation now for its compatibility with IE8 now that Windows 7 is vastly selling around. 

    You can fix this, again, disappearing menu problem with a newer version of CSSFriendly dll or by applying a hotfix to your hosting server that I detailed in this article: http://forums.asp.net/t/1494279.aspx

     

    Thanks and regards,

    Jeremy Ramos

     

  • Re: CSS Friendly menu has disappeared (emergency)

    11-27-2009, 12:06 PM
    • Member
      10 point Member
    • Chalam
    • Member since 03-09-2009, 6:47 AM
    • Posts 14

    When I looked at the page source, is is really CSS friendly, it was all tr, td's, it should be with <div>'s and <ul>, <li>'s

    Did you get the correct CSSFriendly Dll??

Page 1 of 1 (7 items)