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
    Mar 2009
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Is anyone able to help me with the issues I'm having in IE6? The website views fine in IE 7 and Firefox.
    A brief description of your issue would help us to start.
    Last edited by abduraooft; 04-03-2009 at 01:40 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello boobydooby,
    Not all of us have IE6 readily available to search for a problem but a lot of us might recognize a problem just by your description.
    or not.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

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