Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 16
  1. #1
    Junior Member
    Join Date
    Feb 2009
    Posts
    18
    Member #
    18342
    I am building a site with a CSS only drop down menu. It works fine in IE7 and FF, etc. It works on the main page in IE6, but stops working on the interior pages. I'm not really sure how to fix that. Anyone have any ideas? Would a z-index or lack thereof be causing this?

    Thanks in advance!

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    link?

  4. #3
    Junior Member
    Join Date
    Feb 2009
    Posts
    18
    Member #
    18342
    Sorry, here's the link: http://leahhowardwebdesign.com/mbes/.

    Thanks!

  5. #4
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Oh, you again! Let me take a look. It's usually a margin when it comes to ie6 and menus.

  6. #5
    Junior Member
    Join Date
    Feb 2009
    Posts
    18
    Member #
    18342
    Yes, me again! This was my first attempt to create a Joomla! template so it's been trial by fire. Thanks for your assistance!

  7. #6
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    I'm sorry, I just can't sift through all that css! There is way more than needs to be and it would take me quite a while to to figure out the structure of that nav. Maybe someone else can better see what's going on. Not to mention I don't have ie6 to test with.

  8. #7
    Junior Member
    Join Date
    Feb 2009
    Posts
    18
    Member #
    18342
    Here's the CSS for the navigation area:

    /*Navigation Styles*/
    .moduletable_mainnav {
    width: 860px;
    height: 30px;
    background: url(../images/backgrounds/nav_bg.gif) repeat-x;
    clear: both;
    }
    .moduletable_mainnav ul li a{
    font-family: "Lucida Sans Unicode", sans-serif;
    color: #000088;
    font-size: 1.2em;
    }
    .moduletable_mainnav ul li ul a {
    color: white;
    font-size: 0.8em;
    }
    .moduletable_mainnav ul{
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 65px;
    }
    .moduletable_mainnav li{
    margin: 0px 30px 0px 0px;
    float: left;
    }
    .moduletable_mainnav li ul {
    position: absolute;
    width: 150px;/*orig 135*/
    left: -999em;
    border: 1px solid #CCCCCC;
    border-bottom: none;
    background-color: #000088;
    padding-left: 0;
    }

    .moduletable_mainnav li:hover ul {
    left: auto;
    }
    .moduletable_mainnav li ul li {
    width: 150px;
    padding: 0;
    border-bottom: 1px solid #CCCCCC;
    }
    .moduletable_mainnav li a{
    display: block;
    padding: 7px;
    font-weight: bold;
    text-decoration: none;
    }
    html>body .moduletable_mainnav li a {
    width: auto;
    }
    .moduletable_mainnav li a:hover{
    background-color: #000088;
    color: #CCC;
    text-decoration: none;
    }
    .moduletable_mainnav ul li ul li a:hover{
    color: #CCC;
    }
    .moduletable_mainnav li:hover ul, .moduletable_mainnav li.sfhover ul {
    left: auto;
    }

    Also, I'm using the csshover3.htc to get it to work in IE6.

  9. #8
    Senior Member jyuill's Avatar
    Join Date
    Jan 2009
    Location
    California
    Posts
    145
    Member #
    18049
    Quote Originally Posted by aeroweb99
    Not to mention I don't have ie6 to test with.
    Aeroweb99:
    http://www.my-debugbar.com/wiki/IETester/HomePage if you are running Windows. It crashes a lot on me when I view live pages, but works good for development, and still does work for live pages, it just is a pain....but better than not being able to test in IE6 at all!
    I was having a lot of trouble sifting through all the CSS as well.
    Semantic, Valid, and Accessible Design!


  10. #9
    Senior Member jyuill's Avatar
    Join Date
    Jan 2009
    Location
    California
    Posts
    145
    Member #
    18049
    Quote Originally Posted by newbieinCO


    Also, I'm using the csshover3.htc to get it to work in IE6.
    You can also use JavaScript? I don't remember if you did or not, but judging by the csshover3.htc, I am guessing your dropdown is pure CSS? Google JavaScript drop-downs....much easier! Only problem is they don't usually degrade gracefully (people with JS turned off won't get any of the subnav), so you will have to tell users with JavaScript turned off they need it. So Google accessible cross-browser JavaScript drop-downs, and see if you can find any solutions there. Not the best solution, and I know you can probably fix what you have. But it is another way of doing it.
    Semantic, Valid, and Accessible Design!


  11. #10
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Meh. JS dropdowns are not significantly easier than CSS dropdowns, at least not if you know what you're doing. And a good JS dropdown approach will use the same kind of structure that a CSS dropdown uses anyway, so there's really no need to use the JS.

    As a side note, I would try to see if the CSS hover is actually taking effect on sub-pages in IE6. The problem may be with that script, though there's no guarantee. Specifically, try adding an alert to the CSSHoverElement function in that file that tells you the id. That should give you one alert for each element that gets the hover behavior. You'll probably get a ton of alerts, but you should be able to see if it's applying it correctly.


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 05:24 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com