Page 1 of 1
IE 6 Menu Issue (solved)
Posted: Fri Jun 27, 2008 12:50 pm
by buntrosgali
IE6 Is the vain of my life!!!
lol
i have my navigation buttons exactly as i want them on my site, but in IE6 things are messed up!
In the "Parents" page i have a sub page called "finance" ie 6 is showing this in a drop down which i dont want it to do, i want it hidden from site like it is in firefox and recent IE versions.
Also in IE6 The nav bar is raised above the content section showing a gap, which i dont want.
Anyone able to help?
here the site
Linky
and here is the styesheet code:
*--------------------------------------
Navigation
---------------------------------------*/
#nav {font-size:100%; position:absolute; bottom:0; left:0;}
#nav ul {list-style: none; padding: 0; margin: 0px; background-color: #FBA618; }
#nav ul li {float: left; text-align: center; height: 50px; margin: 0px 0px 0px 0px; border-left: padding: 0; background:url(
http://www.scotwellhouse.com/images/bgnav2.gif)}
#nav ul li {width: 15px; voice-family: ""}""; voice-family:inherit; width: 100px;}
html>body #nav ul li { width: 100px; }
#nav ul li a {display: block; padding: 0px 0px 0px 0px; color: #000; text-decoration: none;}
#nav ul li a:hover{color: #FDFDFD; background:url(place hover over image here) bottom left;}
#nav ul li#active a { background: #FDFDFD; color: #FDFDFD; background:url(
http://www.scotwellhouse.com/images/bgnav2alternate.gif) bottom left; }
#nav ul li#active a:hover {}
#nav ul li.first {border-left: none;}
#subNav{list-style: none; height:350px;}
#subNav ul{list-style: none; padding: 24px 0 0 10px; margin: 0 0 0 0 ;}
#subNav ul li {text-align: left; margin: 0px 0px 20px 0px; padding: 0;}
Re: IE 6 Menu Issue
Posted: Fri Jun 27, 2008 11:38 pm
by Dr.CSS
Read Menu manager help...
number_of_levels="1" in tag will only show first level menu items...
See bold words below \/...
Re: IE 6 Menu Issue
Posted: Tue Jul 01, 2008 12:13 pm
by buntrosgali
ive read through the menu manager help page but i am still confused by this can you explain more?
Re: IE 6 Menu Issue
Posted: Tue Jul 01, 2008 9:31 pm
by Dr.CSS
You have more problems than that, in my IE6 all the menu items stand up on each other...
The line I was posting goes in the menu tag when you only want first level menu items in a menu...
{menu template="yourtemplate" number_of_levels="1"}
Re: IE 6 Menu Issue
Posted: Wed Jul 02, 2008 11:08 am
by buntrosgali
ok i have fixed the problem with them being stacked on top of each other, but im trying to work out where that line goes.
the template im using is called "scotwell final"
so the code your talking about should be
{menu template="scotwell final" number_of_levels="1"}
is that right?
ok
well now im not sure where exactly you mean for me to put it.
My template section for nav bar is this :
{cms_module module="menumanager"}
the stylesheet nav code is this:
Navigation
---------------------------------------*/
#nav {font-size:100%; position:absolute; bottom:0; left:0;}
#nav ul {list-style: none; padding: 0; margin: 0px; background-color: #FBA618; }
#nav ul li {float: left; text-align: center; height: 50px; margin: 0px 0px 0px 0px; border-left: padding: 0; background:url(
http://www.scotwellhouse.com/images/bgnav2.gif)}
#nav ul li {width: 15px; voice-family: ""}""; voice-family:inherit; width: 100px;}
html>body #nav ul li { width: 100px; }
#nav ul li a {display: block; padding: 0px 0px 0px 0px; color: #000; text-decoration: none;}
#nav ul li a:hover{color: #FDFDFD; background:url(place hover over image here) bottom left;}
#nav ul li#active a { background: #FDFDFD; color: #FDFDFD; background:url(
http://www.scotwellhouse.com/images/bgnav2alternate.gif) bottom left; }
#nav ul li#active a:hover {}
#nav ul li.first {border-left: none;}
#subNav{list-style: none; height:350px;}
#subNav ul{list-style: none; padding: 24px 0 0 10px; margin: 0 0 0 0 ;}
#subNav ul li {text-align: left; margin: 0px 0px 20px 0px; padding: 0;}
the only other stylesheets i have attached to the template is accessibility & news mod
u can see the nav is almost right now in ie6
Re: IE 6 Menu Issue
Posted: Wed Jul 02, 2008 7:13 pm
by Dr.CSS
Yes the tag is right, I see they are next to each other in IE now...
Re: IE 6 Menu Issue
Posted: Wed Jul 02, 2008 7:47 pm
by buntrosgali
yes but ie6 is still showing the sub nav
Re: IE 6 Menu Issue
Posted: Wed Jul 02, 2008 8:59 pm
by Dr.CSS
Did you use this?...
{menu template="scotwell final" number_of_levels="1"}
Re: IE 6 Menu Issue
Posted: Thu Jul 03, 2008 8:45 am
by buntrosgali
no not yet thats what i was asking i dont know where im meant to put that?
is it in the template or stylesheet? and whereabouts?
Re: IE 6 Menu Issue
Posted: Thu Jul 03, 2008 6:07 pm
by Dr.CSS
In template where you want menu to appear...
Is scotwel final the template for the page or a menu template?...
{cms_module module="menumanager" number_of_levels="1"}
Re: IE 6 Menu Issue (solved)
Posted: Fri Jul 04, 2008 10:05 am
by buntrosgali
cheers man great help as allways
Re: IE 6 Menu Issue (solved)
Posted: Fri Jul 04, 2008 11:39 am
by sumpson
The navigation is still has an empty bar below it in IE6, must be some css bug i think.
this might be a handy tip; what I always do is add *{ border:1px solid #000;} in the css.
this gives everything a 1px border so you can see where the empty space comes from then try adding margin:0; padding:0; display:inline; or something to the css which creates the space.
Re: IE 6 Menu Issue (solved)
Posted: Fri Jul 04, 2008 12:39 pm
by Dr.CSS
Some times if you are doing position:absolute you are better of using left:29px; top:29px, 29px is just a number, that will push it left and down so many px, you can also use -29px instead of bottom left...
