Jump to content

ie 5.5 and 6 problems?


bonnit

Recommended Posts

hi im using a css styled unordered list for my fly out navigation but it is not working just in these browser, is this a know issue and if so is there a quick fix?? it is menu1 in particular that has issues and im using conditional comments to include an ie6 and above css page, ive tried changing the comments to include 5.5 but no avail???navigation css

/* ================================================================ This copyright notice must be untouched at all times.The original version of this stylesheet and the associated (x)htmlis available at [url="http://www.cssplay.co.uk/menus/flyoutt.html"]http://www.cssplay.co.uk/menus/flyoutt.html[/url]Copyright © 2005-2007 Stu Nicholls. All rights reserved.This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements.=================================================================== *//* common styling */.textright {text-align:right;}.menu { font-family:Verdana, Arial, Helvetica, sans-serif; width:170px; height:340px; position:relative; margin:0px; font-size:11px; font-weight:normal; line-height:normal;}.menu ul li a, .menu ul li a:visited { display:block; text-decoration:none; color:#fff; width:170px; height:25px; text-align:left; background:#000; line-height:20px; font-size:11px; border:1px #ffffff;}.menu ul {padding:0; margin:0;list-style-type: none; }.menu ul li {margin-right:1px; position:relative;}.menu ul li ul {display: none;}/* specific to non IE browsers */.menu ul li:hover a {color:#fff; background:#000;}.menu ul li:hover ul {display:block; position:absolute; top:0; left:170px; width:170px;}.menu ul li:hover ul li a.hide {background:#000; color:#fff;}.menu ul li:hover ul li:hover a.hide {width:170px;}.menu ul li:hover ul li ul {display: none;}.menu ul li:hover ul li a {display:block; background:#000; color:#fff; width:170px;}.menu ul li:hover ul li a:hover {background:#000; color:#fff;}.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:170px; top:0; color:#fff;}.menu ul li:hover ul li:hover ul li a {display:block; width:170px; background:#000; color:#fff;}.menu ul li:hover ul li:hover ul li a:hover {background:#000; color:#fff;}/* ================================================================ This copyright notice must be untouched at all times.The original version of this stylesheet and the associated (x)htmlis available at [url="http://www.cssplay.co.uk/menus/dd_valid.html"]http://www.cssplay.co.uk/menus/dd_valid.html[/url]Copyright © 2005-2007 Stu Nicholls. All rights reserved.This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements.=================================================================== *//* common styling */.menu1 { font-family: Verdana, Arial, Helvetica, sans-serif; width:800px; height:20px; position:relative; font-size:11px; z-index:100;}.menu1 ul li a, .menu1 ul li a:visited { display:block; text-decoration:none; color:#000; width:114px; height:20px; text-align:left; color:#fff; line-height:20px; font-size:11px; overflow:hidden; background-color: #000000;}.menu1 ul {padding:0; margin:0; list-style: none;}.menu1 ul li {float:left; position:relative;}.menu1 ul li ul {display: none;}/* specific to non IE browsers */.menu1 ul li:hover a {color:#fff; background:#000;}.menu1 ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:130px;}.menu1 ul li:hover ul li a.hide {background:#000; color:#fff;}.menu1 ul li:hover ul li:hover a.hide {background:#000; color:#fff;}.menu1 ul li:hover ul li ul {display: none;}.menu1 ul li:hover ul li a {display:block; background:#000; color:#fff;}.menu1 ul li:hover ul li a:hover {background:#000; color:#fff;}.menu1 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}.menu1 ul li:hover ul li:hover ul.left {left:-105px;}

/* ================================================================ This copyright notice must be untouched at all times.The original version of this stylesheet and the associated (x)htmlis available at [url="http://www.cssplay.co.uk/menus/flyoutt.html"]http://www.cssplay.co.uk/menus/flyoutt.html[/url]Copyright © 2005-2007 Stu Nicholls. All rights reserved.This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements.=================================================================== */table {border-collapse:collapse; border:0; margin:0; padding:0;}.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}.menu ul li a:hover ul li a.hide {display:none;}.menu ul li a:hover {color:#fff; background:#000;}.menu ul li a:hover ul {display:block; position:absolute; top:0; left:170px; width:175px;}.menu ul li a:hover ul li a.sub {background-color:#000; background:#000; color:#fff;}.menu ul li a:hover ul li a {display:block; background:#000; color:#fff; width:170px;}.menu ul li a:hover ul li a ul {visibility:hidden;}.menu ul li a:hover ul li a:hover {background:#000; color:#fff;}.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:170px; top:0; color:#fff;}.menu ul li a:hover ul li a:hover ul li a {display:block; width:175px; background:#000; color:#fff;}.menu ul li a:hover ul li a:hover ul li a:hover {background:#000; color:#fff;}/* ================================================================ This copyright notice must be untouched at all times.The original version of this stylesheet and the associated (x)htmlis available at [url="http://www.cssplay.co.uk/menus/dd_valid.html"]http://www.cssplay.co.uk/menus/dd_valid.html[/url]Copyright © 2005-2007 Stu Nicholls. All rights reserved.This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements.=================================================================== */.menu1 ul li a.hide, .menu ul li a:visited.hide {display:none;}.menu1 ul li a:hover ul li a.hide {display:none;}.menu1 ul li a:hover {color:#fff; background:#000;}.menu1 ul li a:hover ul {display:block; position:absolute; top:21px; left:0; width:114px;}.menu1 ul li a:hover ul li a.sub {background:#000; color:#fff;}.menu1 ul li a:hover ul li a {display:block; background:#000; color:#fff;}.menu1 ul li a:hover ul li a ul {visibility:hidden;}.menu1 ul li a:hover ul li a:hover {background:#000; color:#fff;}.menu1 ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:114px; top:0; color:#000;}.menu1 ul li a:hover ul li a:hover ul.left {left:-114px;}

Link to comment
Share on other sites

I would suggest you head back to the site you got these from and select one of the IE5/6 compatible flyouts.
For sure. I used one of the CSS play dropdown/flyout menus for a project recently and it worked a treat in IE6 & 7. Only ran into problems when I started fiddling with it :)
Link to comment
Share on other sites

For sure. I used one of the CSS play dropdown/flyout menus for a project recently and it worked a treat in IE6 & 7. Only ran into problems when I started fiddling with it :)
cool ill try that...took so long to input info into the menu lol, thanks guys
Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...