#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2006
    Posts
    1
    Rep Power
    0

    Menu - Good in Mac FF, now Good in PC IE - Now invisible in Safari!


    Does anyone have any idea what could be happening to my main menu - it dissappears in Safari!

    Hobo
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    1) Ugh! You're using a menu like http://cssplay.co.uk/menus/basic_dd.html that uses a nasty hack to make it work in IE5-6/Win. It only validates because it uses conditional comments to only show the invalid nesting to IE5-6/Win. It also uses a <table> that would otherwise be unnecessary and is semantically incorrect.

    I recommend the Suckerfish Menu System. The two variants at positioniseverything.net have some extra benefits not found in the other variants.
    http://www.alistapart.com/articles/dropdowns/
    http://www.alistapart.com/articles/horizdropdowns/
    http://www.htmldog.com/articles/suckerfish/dropdowns/
    http://www.alistapart.com/articles/hybrid/
    http://www.csscreator.com/menu/multimenu.php
    http://www.positioniseverything.net/css-flyout.html
    http://www.positioniseverything.net/css-dropdowns.html
    http://www.tjkdesign.com/articles/dropdown/

    These three articles explain how to style lists.
    http://www.alistapart.com/articles/taminglists/
    http://css.maxdesign.com.au/listutorial/
    http://www.webreference.com/programming/css_lists/

    And this one explains a fix for a common IE bug:
    White space bug revisited--the definitive fix

    2) You should use a complete doctype (one that includes a URL) to get browsers to render as close to the same as possible. I recommend HTML 4.01 Strict. A doctype is not a magic fix. It is the first step in the process of fixing your page.
    Activating the Right Layout Mode Using the Doctype Declaration
    Fix Your Site With the Right DOCTYPE!
    Choosing a DOCTYPE
    Doctype switching
    Rendering Mode and Doctype Switching
    http://www.w3.org/QA/2002/04/Web-Quality
    http://www.w3.org/QA/2002/04/valid-dtd-list.html

    Comments on this post

    • kaskudoo agrees : the man knows what he is talking about
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).

IMN logo majestic logo threadwatch logo seochat tools logo