www.webdeveloper.com
Results 1 to 5 of 5

Thread: [RESOLVED] Ie6

  1. #1
    Join Date
    Mar 2008
    Posts
    26

    resolved [RESOLVED] Ie6

    Hi,

    #nav here looks correct in FF.

    Set to 30px in css, and looks like this in IE6. It's obviously not correct.

    I don't get it.

  2. #2
    Join Date
    Mar 2008
    Posts
    26

  3. #3
    Join Date
    Mar 2006
    Location
    Newcastle NSW Australia
    Posts
    4,033
    Have you apllied some sort of fix? - looks fine in IE6 to me.

  4. #4
    Join Date
    Mar 2006
    Location
    Newcastle NSW Australia
    Posts
    4,033
    Just looking at your code and spotted an error in the #nav ul - you cannot nest one <ul> directly inside another - the only thing that can be directly inside a <ul> is an <li>.

  5. #5
    Join Date
    Mar 2006
    Location
    Newcastle NSW Australia
    Posts
    4,033
    Ahh - noticed you added an overflow:hidden. The problem arose from the illegal nesting I mentioned above and the relative shift on the second <ul>. There is no need for that <ul> - the right link can be just another link in the main nav (like it looks as where you originally had it), but styled to display on the right.

    First, put the employment link back in the #nav <ul> and apply the id to the <li> :
    Code:
    <ul id="nav">
    	<li class="navsep"><a href="site.html">Home</a></li>
    	<li class="navsep"><a href="catering.html">About Us</a></li>
    	<li class="navsep"><a href="menu.html">Menus</a></li>
    	<li class="navsep"><a href="eventplan.html">Event Planning</a></li>
    	<li><a href="contact.html">Contact Us</a></li>
    	<li id="navIN"><a href="employ.html">EMPLOYMENT</a></li>
    </ul>
    Next, float the <li>s instead of inline display :
    Code:
    #nav li {
    	float: left;
    	}
    and then float the #navIN <li> to the right :
    Code:
    #nav #navIN {
    	float: right;
    	}
    #nav #navIN a{
    	font-size:60%;
    	letter-spacing:3px;
    	color:green;
    	}

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles