SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2009
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Display issues in IE6

    Hi,

    Is anyone able to help me with the issues I'm having in IE6? The website views fine in IE 7 and Firefox.

    Website address is:

    www{.}greatbritishcookers{.}co{.}uk.

    I think it is the drop down nav bar that is causing the problem. The css is as follows:

    Code:
    #nav {
    	padding:0 0 0 10px; 
    	list-style:none; 
    	font: 10px arial, helvetica, sans-serif; 
    	position:relative; 
    	z-index:200; 
    	background:url(../_images/menu.gif) no-repeat; 
    	height:25px; 
    	width:835px;
    	margin: 0 auto;
    
    }
     
    #nav ul {
    	padding:0; 
    	margin:0 0 0 0; 
    	list-style:none; 
    	float:left; 
    	background-color: #000000;
    	filter:alpha(opacity=80);
    	opacity: 0.8;
    	-moz-opacity:0.8;
    	text-align: left;
    	z-index:400;
    }
    
    #nav table {
    	border-collapse:collapse;  
    	height:25px;
    }
    
    #nav li {
    	float:left;
    }
    
    #nav li li {
    	float:none; 
    }
    
    /* a hack for  IE6 */
    #nav li a li {
    	float:left;
    }
    
    #nav li a {
    	display:block; 
    	float:left; 
    	color:#ffffff; 
    	height:36px;  
    	padding:0 5px 0 7px; 
    	line-height:24px; 
    	text-decoration:none; 
    	white-space:nowrap; 
    	font-weight:bold;
    }
    
    #nav li li a {
    	display:block; 
    	height:20px; 
    	line-height:20px; 
    	float:none; 
    	padding:0 25px 0 5px; 
    	font-weight:normal; 
    	letter-spacing:1px;
    }
    
    #nav li:hover {
    	position:relative; 
    	z-index:600;
    }
    
    #nav a:hover {
    	position:relative; 
    	z-index:600; 
    	color:#ffffff;
    	border:0;
    }
    
    #nav li li a {
    	color:#ffffff;
    }
    
    #nav li li a:hover {
    	color:#ffffff; 
    	background-color:#B3191E;
        text-align: left;
    }
    
    #nav :hover ul {
    	left:0; 
    	top:25px; 
    	z-index:700;
    }
    
    #nav ul {
    	position:absolute; 
    	left:-9999px; top:-9999px;
    }
    
    * html #nav ul {
    	width:2px;
    }
    
    #nav li:hover li:hover > ul {
    	left:-5px; 
    	margin-left:100%; 
    	top:-1px; 
    	z-index:500;
    }
    
    #nav li:hover > ul ul {
    	position:absolute; 
    	left:-9999px; 
    	top:-9999px; width:auto; 
    }
    
    #nav li:hover > a {
    	color:#ffffff;
    }
    
    #nav li li:hover > a {
    	color:#ffffff; 
    	background-color:#B3191E;
    }
    
    #nav a:hover a:hover ul,
    #nav a:hover a:hover a:hover ul,
    #nav a:hover a:hover a:hover a:hover ul,
    #nav a:hover a:hover a:hover a:hover a:hover ul {
    	left:100%; 
    	margin-left:-5px; 
    	top:-1px;
    }
    
    #nav a:hover ul ul,
    #nav a:hover a:hover ul ul,
    #nav a:hover a:hover a:hover ul ul,
    #nav a:hover a:hover a:hover a:hover ul ul {
    	position:absolute; 
    	left:-9999px; 
    	top:-9999px;
    }
    Many thanks...

  2. #2
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    As I think I mentioned in a previous thread, you are finishing each dropdown with this line that contains invalid code :
    Code:
    <!--[if lte IE 6]></td></tr></table></asp:HyperLink><![endif]-->
    The lines should be :
    Code:
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->

  3. #3
    SitePoint Enthusiast
    Join Date
    Mar 2009
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks but some of the links contained within the dropdown are asp hyperlinks and therefore need to be closed with </asp:HyperLink>

  4. #4
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    But asp:HyperLink is invalid html, and will not work if it is in the html. If you are generating this from asp and the parser cannot handle the nested conditional comment stuff without throwing up a html error, then maybe a normal suckerfish menu would be in order.

  5. #5
    SitePoint Enthusiast
    Join Date
    Mar 2009
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok, thank you for the advice


Bookmarks

Posting Permissions

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