SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Jun 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    request help with menu display with chrome vs firefox vs IE9

    Hi,
    website is youradminpro.com/
    I've created tabbed menu with tabs that "jump up" if current page or subpage is active. I'm stumped - it displays differently in firefox vs IE9 vs chrome.
    firefox: every tab jumps up except "solutions", borders & background do show on submenu items.
    chrome: every tab jumps up except "solutions", submenu item borders don't show but background does
    IE9: every tab jumps up including "solutions", submenu items borders do show, "get started" submenu item background doesn't show when hovering.
    huh?
    what css can I use for consistency? CSS is below.
    thanks in advance!


    /* ------------- CURRENT PAGE TAB JUMPS UP -- */

    .block-type-navigation .current_page_item, /* moves current menu item in relation to other tabs */
    .block-type-navigation .current-menu-parent /* keeps main tab higher when any child item active*/
    { position: relative; top: -12px; }



    /* -------------BORDERS SUB-MENU ITEMS */

    .block-type-navigation li .sub-menu li a {
    border-right: .5px solid #789;
    border-bottom: .5px solid #789;
    border-left: .5px solid #789;
    background: white;
    }

    .block-type-navigation .sub-menu .menu-item-1336 a,
    body.custom .block-type-navigation .sub-menu
    .menu-item-780 a,
    body.custom .block-type-navigation .sub-menu .menu-item-752 a {
    border-top: 6px solid steelblue; }

    body.custom .block-type-navigation .sub-menu .menu-item-753 a,
    body.custom .block-type-navigation .sub-menu .menu-item-754 a {
    border-top: 6px solid yellow; }

    body.custom .block-type-navigation .sub-menu .menu-item-772 a,
    body.custom .block-type-navigation .sub-menu .menu-item-878 a
    { border-top: 6px /*orange*/solid #FFA55C; }

  2. #2
    SitePoint Member
    Join Date
    Jun 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have fixed background problem with !important and border problem by changing .5px to 1px. I have not fixed "solutions" tab issue.
    thanks.

  3. #3
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,511
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    The web site youradminpro.com/ is not responding.


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
  •