Thread: Css Help!!!

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

    Join Date
    Aug 2013
    Posts
    2
    Rep Power
    0

    Unhappy Css Help!!!


    So here is the website sungodindustries dot ca

    The menu bar is an extension into Dreamweaver. If you open the site in IE the drop downs DO NOT work, however they do in Chrome but...... When moving mouse down to the list it disappears like it is not in the proper placement... here is the css for this menu bar... Any help would be greatly appreciated. I will not copy paste the html but you can just view source from ie.

    #menu112id7{ height:37px; display:block; padding:0; margin: 0 auto; border:1px solid; border-radius:5px; }
    #menu112id7 > ul {list-style:inside none; padding:0; margin:0;}
    #menu112id7 > ul > li {
    list-style: inside none;
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    position: relative;
    }
    #menu112id7 > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
    #menu112id7 > ul > li:first-child > a{border-radius:5px 0 0 5px;}
    #menu112id7 > ul > li > a:after{
    content: "";
    position: absolute;
    border-right: 1px solid;
    top: auto;
    bottom: -1px;
    right: -2px;
    z-index: 99;
    }
    #menu112id7 ul li.has-sub:hover > a:after{top:0; bottom:0;}
    #menu112id7 > ul > li.has-sub > a:before{ content:""; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
    #menu112id7 > ul > li.has-sub:hover > a:before{top:19px;}
    #menu112id7 ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
    #menu112id7 ul li.has-sub:hover > ul, #menu112id7 ul li.has-sub:hover > div{display:block;}
    #menu112id7 ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
    #menu112id7 ul li > ul, #menu112id7 ul li > div{
    display: none;
    width: auto;
    position: absolute;
    top: 38px;
    padding: 10px 0;
    background: #3f3f3f;
    border-radius: 0 0 5px 5px;
    z-index: 999;
    }
    #menu112id7 ul li > ul{
    width: 200px;
    }
    #menu112id7 ul li > ul li{
    display: block;
    list-style: inside none;
    padding: 0;
    margin: 0;
    position: relative;
    }
    #menu112id7 ul li > ul li a{
    outline: none;
    display: block;
    position: relative;
    margin: 0;
    padding: 8px 20px;
    font: 10pt Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);
    }

    #menu112id7, #menu112id7 > ul > li > ul > li a:hover{ background:#ff9812; background:-moz-linear-gradient(top, #ff9812 0%, #e17310 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9812), color-stop(100%,#e17310)); background:-webkit-linear-gradient(top, #ff9812 0%,#e17310 100%); background:-o-linear-gradient(top, #ff9812 0%,#e17310 100%); background:-ms-linear-gradient(top, #ff9812 0%,#e17310 100%); background:linear-gradient(top, #ff9812 0%,#e17310 100%); filterrogidXImageTransform.Microsoft.gradient(startColorstr='#ff9812', endColorstr='#e17310',GradientType=0); }
    #menu112id7{border-color:#b05a0d;}
    #menu112id7 > ul > li > a{border-right:1px solid #b05a0d; color:#fff;}
    #menu112id7 > ul > li > a:after{border-color:#ffa32b;}
    #menu112id7 > ul > li > a:hover{background:#e17310;}.sidebar {
    font-size: 14px;
    }
    .gallery {
    color: #858585;
    }
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Oct 2009
    Location
    Nebraska, USA
    Posts
    876
    Rep Power
    276
    I just tested your site in FF17, chrome28, and IE8.....and dropdown works properly in all 3.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2013
    Posts
    2
    Rep Power
    0
    Originally Posted by DonR
    I just tested your site in FF17, chrome28, and IE8.....and dropdown works properly in all 3.

    What's not working is the side bars are to be 100% height in IE it's not doing that
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Oct 2009
    Location
    Nebraska, USA
    Posts
    876
    Rep Power
    276
    Originally Posted by Avalonmist
    What's not working is the side bars are to be 100% height in IE it's not doing that
    Now where in your initial post do you even mention the word "sidebar" ? All you talk about is your "dropdown".

    I may take a closer look later and see if I can help you find the problem.

IMN logo majestic logo threadwatch logo seochat tools logo