IE 6 Menu Issue (solved)

[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;}

[Dr.CSS]

Read Menu manager help...

number_of_levels="1" in tag will only show first level menu items...









See bold words below \/...

[buntrosgali]

ive read through the menu manager help page but i am still confused by this can you explain more?

[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"}

[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

[Dr.CSS]

Yes the tag is right, I see they are next to each other in IE now...

[buntrosgali]

yes but ie6 is still showing the sub nav 

[Dr.CSS]

Did you use this?...

{menu template="scotwell final" number_of_levels="1"}

[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?

[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"}




     

[buntrosgali]

cheers man great help as allways

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

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