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 5 of 5
  1. #1
    Senior Coder nikos101's Avatar
    Join Date
    Dec 2006
    Location
    London
    Posts
    1,005
    Thanks
    58
    Thanked 10 Times in 10 Posts

    suckerfish horizontal nav but the widths, or something are different in In I

    I have a suckerfish horizontal nav but the widths, or something are different in In IE6.

    the relevent css is

    Code:
    #nav li {
    	float: left;
    	padding: 0;
    	width: 8em;
    	color: #000;
    }
    from

    Code:
    #nav, #nav ul {
    	float: left;
    	width: 850px;
    	list-style: none;
    	line-height: 1;
    	background: white;
    	font-weight: bold;
    	padding: 0;
    	border: solid #6B9EE9;
    	border-width: 1px 0;
    	margin-top: 0;
    	margin-right: auto;
    	margin-bottom: 1em;
    	margin-left: auto;
    }
    * {
    	margin: 0px;
    	padding: 0px;
    }
    
    #nav li li {
    	padding-right: 1em;
    	width: 13em
    }
    
    
    #nav a {
    	display: block;
    	width: 10em;
    	w\idth: 6em;
    	text-decoration: none;
    	padding: 0.25em 2em;
    }
    
    #nav a.daddy {
    	background-image: url(../images/rightarrow2.gif);
    	background-repeat: no-repeat;
    	background-position: right center;
    }
    
    #nav li {
    	float: left;
    	padding: 0;
    	width: 8em;
    	color: #000;
    }
    
    #nav li A:visited {
    	font-size:24;
    	font-weight:bold;
    	color: #000;
    }
    
    #nav li ul {
    	position: absolute;
    	left: -999em;
    	height: auto;
    	width: 14.4em;
    	w\idth: 13.9em;
    	font-weight: normal;
    	border-width: 0.25em;
    	margin: 0;
    }
    
    #nav li ul a {
    	width: 13em;
    	w\idth: 9em;
    	color: #000;
    	font-weight: bold;
    }
    
    #nav li ul ul {
    	margin: -1.75em 0 0 14em;
    }
    
    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    	left: -999em;
    }
    
    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    	left: auto;
    }
    
    #nav li:hover, #nav li.sfhover {
    	background: #6B9EE9;
    }
    if your still interested the html is

    Code:
    <div id="nav_wrap">	
    	<ul id="nav">
        	<li ><a href="#">About</a>
            	<ul>
                	<li><a href="#" >Metaneva within neuroinformatics</a></li>
                	<li><a href="#">Goals</a></li>
                    <li><a href="#">License</a></li>
                    <li><a href="#">Collaborations</a></li>
                    <li><a href="#">FAQ</a></li>
    			</ul>           
    		</li>
            <li ><a href="#">Members</a>
                 <ul>
                 	<li><a href="#">Institutions</a></li>
                    <li><a href="#"> Individuals</a> </li>
                 </ul>
            </li>
                    <li ><a href="#">Documents</a>
                        <ul>
                            <li><a href="#">Publications</a></li>
                            <li><a href="#">Other</a></li>
                        </ul>
               </li>
                 </li>
                    <li ><a href="#">Contact</a>
                        <ul>
                            <li><a href="#">General Questions</a></li>
                            <li><a href="#">Licensing</a></li>
                        </ul>
              		 </li>
                      <li ><a href="#">Login</a></li>
                      <li ><a href="#">Links</a></li>
    </ul>
      </div>
    sorry for so much code!! I hope its a quick fix

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Its actually not ENOUGH code. We need to see all of your HTML to determine whether or not you are using a correct doctype. A link would be better so we can see the problem for ourselves.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Senior Coder nikos101's Avatar
    Join Date
    Dec 2006
    Location
    London
    Posts
    1,005
    Thanks
    58
    Thanked 10 Times in 10 Posts
    unfortunately the site is not public yet, and I am not the web master

    heres some more code

    Code:
    <!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>Metaneva</title>
    <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type"/>
    <meta content="global" name="distribution"/>
    <meta content="document" name="resource-type"/>
    <meta content="en-gb" http-equiv="Content-Language"/>
    <meta content="all" name="robots"/>
    <meta content="true" name="mssmarttagspreventparsing"/>
    <meta content="no" http-equiv="imagetoolbar"/>
    <meta content="no" http-equiv="MSThemeCompatible"/>
    <meta content="General" name="Rating"/>
    <meta content="30 Days" name="revisit-after"/>
    <meta content="Living Document" name="doc-class"/>
    <link type="image/x-icon" href="images/metaneva_icon.ico" rel="shortcut icon"/>

  • #4
    Senior Coder BarrMan's Avatar
    Join Date
    Feb 2005
    Location
    Israel.
    Posts
    1,644
    Thanks
    69
    Thanked 83 Times in 82 Posts
    Why do you have 2 widths and one with \ in it?
    Code:
    width: 14.4em;
    	w\idth: 13.9em;
    Maybe that's what causing the problem.

  • #5
    Regular Coder
    Join Date
    Jun 2004
    Posts
    495
    Thanks
    0
    Thanked 82 Times in 80 Posts
    Quote Originally Posted by BarrMan View Post
    Why do you have 2 widths and one with \ in it?
    Code:
    width: 14.4em;
    	w\idth: 13.9em;
    Maybe that's what causing the problem.
    The Simplified Box model Hack


  •  

    Posting Permissions

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