...

View Full Version : Display issues in IE6



boobydooby
04-03-2009, 01:02 PM
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:



#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...

abduraooft
04-03-2009, 01:38 PM
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.

Excavator
04-03-2009, 05:26 PM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum