Results 1 to 5 of 5

Thread: Drop Down Tabs (5 styles) not rendering correctly in IE7

  1. #1
    Join Date
    Sep 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Drop Down Tabs (5 styles) not rendering correctly in IE7

    1) Script Title: Drop Down Tabs (5 styles)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...roptabmenu.htm

    3) Describe problem: The script works great in Firefox, Opera & Safari but when I tested it in IE7 (I havenít tested IE6 yet) I found the ďselectedĒ tab bottom border is not being styled white so its not appearing as a tab. I tested the demo files unaltered from Dynamic Drive and it worked, but I canít figure out what Iíve changed in my styles to make it not work in IE7.

    URL to my site: http://www.homebaseexpo.com.au/horizontal

  2. #2
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Something else within your CSS is taking precedence over the rules for the drop down menu. Try explicitly specifying the precedence for the later, for example by:

    Code:
    .droptabsdiv a:hover{ /*THEME CHANGE HERE*/
    background-color: #333333 !important;
    color:#FFFFFF !important;
    }
    DD Admin

  3. #3
    Join Date
    Sep 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks ddadmin. I understand what you are saying but I can't find the CSS taking precedence. I think I will have to go class by class and compare my CSS to the CSS from the DynamicDrive site to see where I may of stuffed up.

  4. #4
    Join Date
    Sep 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I found the problem.

    I thought you might like to know, the issue was that I specified a width for the main DIV containing the tabs. I've taken the width away and its working in IE now, but now I have a gap in the bottom border of the DIV which I need to sort out.

  5. #5
    Join Date
    Sep 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Issue resolved with margin-right:-10px; on the main DIV containing the tabs.

    Thanks.

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
  •