Big Problem with Firefox 3.6

[jasonhoward64]

Hi everyone,

I've got a problem with Firefox 3.6 (newest version). The very top navigation bar displays links that are stacked vertically rather than listing them horizontally. You can only see this effect when you are logged into my site, so to save you some time, I've posted a picture.

[SCR]http://img192.imageshack.us/img192/3641/pic1kb.jpg[/SCR]

My site is www.espection.com. I've eliminated all the content from the main page to eliminate any potential problem. I think the issue relates to the css file, but I'm not sure.

I even restored the original, unmodified stylesheet file that comes with zen cart when you install it, and I get the same problem. Not sure why more people aren't talking about the problem...

Any ideas guy?

Thanks a ton!

[clydejones]

I viewed the site in FF3.6 and didn't see the stacking you describe.

did you solve the problem?

[jasonhoward64]

Thanks for your response.

No, I didn't solve the problem. I was playing around with the css file though in the past hour. Any time I checked to see if my changes made a difference, I saw no change.

In order to see the stacking, you'd have to log into the site.

You can use this test account that I created.

login: [email protected]
pass: aaaaaa

Thanks!!

[frank18]

I viewed the site in FF3.6 and didn't see the stacking you describe......

The stacking appears in my FF 3.6 but is not evident in my IE8. Looked at the source code in both browsers and they appear to be equal. Seems a CSS problem - but where????

FF 3.6 does not display any of my store pages in an odd manner.

[clydejones]

Thanks for your response.

No, I didn't solve the problem. I was playing around with the css file though in the past hour. Any time I checked to see if my changes made a difference, I saw no change.

In order to see the stacking, you'd have to log into the site.

You can use this test account that I created.

login: [email protected]
pass: aaaaaa

Thanks!!

try adding the following to your stylesheet.css

#navMainWrapper {
width: 60%;
}

[jasonhoward64]

Hi Clyde,

I put that into my stylesheet. What it did was reduce the length of the top bar so that it only covers 60% of the length that it should. You can see the effect on my site right now. Do you have any other ideas?

Thanks

[jasonhoward64]

The stacking appears in my FF 3.6 but is not evident in my IE8. Looked at the source code in both browsers and they appear to be equal. Seems a CSS problem - but where????

FF 3.6 does not display any of my store pages in an odd manner.

Everything also looks good in Chrome. Would you be able to send me your css file? email address is jasonhoward64 at gmail dot com. I'll plug it into my site to see if the problem still exists. If it does, we'll know that it's not a css problem.

thanks!

[frank18]

will do

F

[jasonhoward64]

Thanks frank. I've uploaded the file to my site. The links are aligned horizontally now! thanks! The my account link doesn't work for some reason, but that's minor. I'll figure out how your css file is different from mine and I'll let everyone know what I find. If anyone can think of anything, please post the solution.

Thanks!

[jasonhoward64]

I've got the solution.

In my css file, I had the following.

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #ffffff;
white-space: nowrap;
}


I changed it to what Frank had in his and it worked. Frank's css file read:

#navMain ul li a {
margin:0;
padding: 0 5px 0 4px;
float:left;
color:#FFF;
text-decoration:none;

Thanks for the help frank!