Quick CSS help for Firefox and IE

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
nauticalwebd

Quick CSS help for Firefox and IE

Post by nauticalwebd »

Ok, I know firefox is usually the browser to develop css with first then fix it for IE.  But I had to show my client this site right away.  Anyways, my menu is right now showing properly on Internet explorer but is moved too far to the left in Firefox.  Can somebody please help me out on this one quick?  Thanks for the help.

www.maryniekamp.com

Hot Rod
User avatar
Nullig
Power Poster
Power Poster
Posts: 2380
Joined: Fri Feb 02, 2007 4:31 pm

Re: Quick CSS help for Firefox and IE

Post by Nullig »

Change the margin-left in the .navigation class:

.navigation {
margin-left: 55px;


Nullig
nauticalwebd

Re: Quick CSS help for Firefox and IE

Post by nauticalwebd »

I have done that a few times but when I change it to the current number 54px to keep it centered, it moves it too far to the right in internet explorer.  I have a tag somewhere affecting one browser but not the other and i'm not too sure where to find this.
User avatar
Nullig
Power Poster
Power Poster
Posts: 2380
Joined: Fri Feb 02, 2007 4:31 pm

Re: Quick CSS help for Firefox and IE

Post by Nullig »

If you add a:

* html .navigation {
  margin-left: 27px;
}

with the ie6 styling, that should work.

Nullig
nauticalwebd

Re: Quick CSS help for Firefox and IE

Post by nauticalwebd »

Thank you so much...  What does the * html do for the style, i'm not sure that I have ever seen that before.
User avatar
Nullig
Power Poster
Power Poster
Posts: 2380
Joined: Fri Feb 02, 2007 4:31 pm

Re: Quick CSS help for Firefox and IE

Post by Nullig »

IE6 interprets it, but other browsers don't.

Nullig
Locked

Return to “Layout and Design (CSS & HTML)”