Page 1 of 1

the whole menu is lower in IE...

Posted: Thu Sep 06, 2007 10:52 am
by firfelin
Hi,

I slowly finish a new site with cmsms, and I have (of course...) some problems with IE

The first is that the whole menu is lower on IE (page in exemple: http://www.egalite.ch/campagnes.html)
some captures: http://browsershots.org/http://www.egal ... agnes.html

I just dont understand... I use the Eric Meyer reset.css, and the only thing is a 11px margin-bottom on the colored square.

Any help? Thank you in advance

Re: the whole menu is lower in IE...

Posted: Thu Sep 06, 2007 11:33 am
by KO
Most likely something to do that you have extra and in the code. IE6 likes to have space for it even if it's empty.

#col_gauche ul li {height:0em;}
#col_gauche ul li ul li {heigth:auto;} <- or whatever it needs to be

But it could break something somewhere else so please check it. Or maybe there is some other more clever solution.

br, K

Re: the whole menu is lower in IE...

Posted: Thu Sep 06, 2007 11:41 am
by firfelin
thank you for the tip

I had to change some things in the menu template, so it possible I made something wrong...

Re: the whole menu is lower in IE...

Posted: Sun Sep 09, 2007 10:42 pm
by streever
Hello,

Yes, it looks like it is the ie6 glitch

ie6 adds white space in li/ul when it exists in the code!!

so go into menu manager template, and just delete the spaces, so it is all one-line

i know that is a pain to work in.... but it will fix your spacing issues.

Re: the whole menu is lower in IE...

Posted: Mon Sep 10, 2007 2:26 am
by Dr.CSS
Have you tried?...


#menu ul{
text-transform: uppercase;
margin: 0px 0px 22px;
}