Site Shift in Firefox

[tcustomgolf]

Anyone seen this one? When first going to my site in FF, I get the shift shown in the attached gif file....header remains in tact.

Works fine in IE7, and doesn't happen all the tine in FF, but when it does (more frequently than it doesn't) even if I refresh it does not shift back. It seems only clicking the "Sign In" link in the top left will it will shift back.

BTW, the shift was confirmed by another zenner using FF when entering my site off of the zen showcase.

[jund]

I have been playing around with your site for over 2 hours - and it appears to be a stylesheet problem... but, I am NOT smart enough to figure it out...
Login has nothing to do with it... I tried it in SAFARI, FF, IE7, SEAMONKEY... and both FF and SM fail -- there is something in the style that does not agree with those two browsers...
If you view the source of your page in FF, that fails as well... It looks as if something in the style sheet is shifting the mainwrapper around... for example, if I change the table width from 100% to 85% it starts pulling things back together...
I apologize - this one's stumped me!
jund

[tcustomgolf]

jund,

Appreciate your persistence!! Yes, I know logging in is not the problem. It just seems many of the times the only way to shift the mainwrapper back is to click that "Sign In" link....any other link will not shift it back...strange.

Hopefully someone else can take a stab at this, or has seen it before. Pretty annoying and I know my stats show my FF users increasing...

Thanks again for trying...

[jund]

Found this regarding shifts in FF
http://www.webmasterworld.com/forum83/5826.htm

http://www.webmasterworld.com/forum118/70.htm

If you have the guts (smile) you can temporarily fall back to the basic style sheet (some of your fancy stuff will temporarily be ooc, but you at least can tell whether it is style sheet issues or not. I may be myopic but I think it is stylesheet related...

Just make sure you save your stylesheet locally (smile)).

jund

[jund]

Went to the W3C Validator for your home page:
http://validator.w3.org/
This is a great place to check out your code... your home page has many errors - (I am NOT making fun of your site).
Respectfully,
jund

Please use this link:
http://jigsaw.w3.org/css-validator/ to test your style sheet (my apologies)

[tcustomgolf]

Thanks again...note that many of the errors in the validator are from the zencart code itself. The others are from javascript I added for banners and statcounter stuff, so will review that.

Will try to replace my stylesheet with the default and see if that helps...validation on the sheet just returned one error which did not seem significant.

Thanks again for taking a look...

[tcustomgolf]

Geez....Jund, many, many thanks.

I went to the first webmasterworld link and added the overflow property to my #navMainWrapper section and it seems to work!!! Code below:

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    margin: 0em;
    background-color: #80A470;
    /*background-image: url(../images/tile_back.gif);*/
    padding: 0.2em 0em;
    font-weight: bold;
    color: #fff999;
    overflow: auto; /* Added for Firefox for screen shift */
    height: 2em;
    }

I added the overflow: auto; to this. Please try again and let me know. Just clear your FF cache first, as if you got it to shift back using the "Sign In" link, you won't know if it worked....and looks good in IE also....THANKS!!!

[jund]

tcustomgolf,
You gave me the credit - thanks, but, I want to let everyone that reads this stuff know that YOU fixed it yourself... you done real good... NICE JOB.

Everyone should also note how you documented what you did right in the stylesheet. Also, posting the fix here on the forums helps us all. So often when things get fixed no one ever hears about it.

regards,
jund

[clydejones]

Have you tired turning off your google ad banner?

[dbltoe]

Clyde,
Can't remember the css fix for the cart starting with the leftSidebox in the center. Thought I had it bookmarked. Any help?