Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jul 2005
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    display: inline; - problems with IE!!

    hi, I am having problems with nav list

    It displays inline on firefox but not in IE..but I can not see why? any ideas??

    thanks

    PHP Code:
        /* NAV */

        #nav {
            
    width420px;
            
    height70px;
            
    floatright;
            
    margin0;
            
    padding0;
        }

        
    #nav li.on ul, #nav li.off ul {
            
    margin0;
            
    padding0;
        }

        
    #nav a {
            
    text-decorationnone;
        }

        
    #nav li { /*float the main list items*/
            
    margin0;
            
    floatright;
            
    displayinline;
            
    padding-right0px;
            
    backgroundurl(../images/pipe.gifno-repeat;
            
    background-position0 10px;
        }

        .
    noback {
            
    backgroundnone;
        }

        
    #nav li ul {
            
    displaynone;
            
    floatright;
        }
        
        
    #nav li.off ul, #nav li.on ul { /*put the subnav below*/
            
    positionabsolute;
            
    top88px;
            *
    top104px;
            
    left503px;
            
    padding-top10px;
            
    height28px;
            
    width420px;
        }

        
    #nav li a {
            
    color#155089;
            
    font-size20px;
            
    displayblock;
            
    height15px;
            
    padding10px;
            
            
    background-position0 10px;
        }

        
    #nav li.on a {
            
    color#000;
            
    background-position0 10px;
        }

        
    #nav li.on ul a, #nav li.off ul a {
            
    floatleft/*ie doesn't inherit the float*/
            
    border0;
            
    color#C1D1E0;
            
    widthauto;
            
    margin-right0px;
            
    font-size18px;
            
    line-height0px;
            
    backgroundnone;
        }

        
    #nav li.on ul {
            
    displayblock;
            
    backgroundnone;
        }

        
    #nav li.off:hover ul {
            
    displayblock;
            
    z-index6000;
            
    background#fff;
        
    }

        
    #nav li.off a:hover, #nav li:hover a {
            
    color#000;
            
    background#fff;
            
    backgroundurl(../images/pipe.gifno-repeat;
            
    background-position0 10px;
        }

        
    #nav ul li.off a:hover, #nav ul li:hover a {
            
    color#000;
            
    backgroundnone;
        }
        
        
    ul#nav li.off ul li, ul#nav li.on ul li {
            
    background-image:none;
        }
        
        
    ul#nav li.off ul li a:hover, ul#nav li.on ul li a:hover {
            
    background-image:none;
        }
        
        
    ul#nav li.on a.nopipe, ul#nav li.off a.nopipe {
            
    background-image:none;
        }

        
    /* END OF NAV */ 
    and the html

    PHP Code:

    <div id="divnav">
            
            <
    ul id="nav">
            
            <
    li class="off"><a href="#">contact</a></li>
            
            <
    li class="off"><a href="#">products</a>
                <
    ul>
                <
    li><a href="#">testemonials</a></li>
                <
    li><a href="#">samples</a></li>
                </
    ul>
            </
    li>
            
            <
    li class="off"><a href="#">about us</a>
                <
    ul>
                <
    li><a href="#">processes</a></li>
                <
    li><a href="#">plant list</a></li>
                <
    li><a href="#">benefits</a></li>
                <
    li><a href="#">features</a></li>
                </
    ul>
            </
    li>
            
            <
    li class="on" style "background-image:none;"><a href="#" class = "nopipe">home</a></li>
            
            </
    ul>
            
            </
    div
    thank you
    --
    tom :)

  • #2
    Senior Coder JamieR's Avatar
    Join Date
    Oct 2004
    Location
    United Kingdom
    Posts
    3,161
    Thanks
    0
    Thanked 5 Times in 5 Posts
    Just a long shot but are you sure you are clearing the div underneath the nav div as you are floating it...

  • #3
    New to the CF scene
    Join Date
    Jul 2005
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    it was a missing width in a tag.. I have asome relative poistioning probs now
    --
    tom :)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •