Site Shift in Firefox

02 Aug 2007, 01:49

#1

Inactive

Join Date:: Dec 2005
Posts:: 162
Plugin Contributions:: 0

Site Shift in Firefox

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.

02 Aug 2007, 03:13

#2

jund

Zen Follower

Join Date:: Sep 2006
Posts:: 276
Plugin Contributions:: 0

Re: Site Shift in Firefox

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

02 Aug 2007, 12:01

#3

tcustomgolf

Inactive

Join Date:: Dec 2005
Posts:: 162
Plugin Contributions:: 0

Re: Site Shift in Firefox

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

02 Aug 2007, 13:02

#4

jund

Zen Follower

Join Date:: Sep 2006
Posts:: 276
Plugin Contributions:: 0

Re: Site Shift in Firefox

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

02 Aug 2007, 13:08

#5

jund

Zen Follower

Join Date:: Sep 2006
Posts:: 276
Plugin Contributions:: 0

Re: Site Shift in Firefox

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)

02 Aug 2007, 13:59

#6

tcustomgolf

Inactive

Join Date:: Dec 2005
Posts:: 162
Plugin Contributions:: 0

Re: Site Shift in Firefox

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

02 Aug 2007, 14:44

#7

tcustomgolf

Inactive

Join Date:: Dec 2005
Posts:: 162
Plugin Contributions:: 0

Re: Site Shift in Firefox

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!!!

02 Aug 2007, 17:40

#8

jund

Zen Follower

Join Date:: Sep 2006
Posts:: 276
Plugin Contributions:: 0

Re: Site Shift in Firefox

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.:cool:

regards,
jund

02 Aug 2007, 18:39

#9

clydejones

Deceased

Join Date:: Nov 2005
Posts:: 7,017
Plugin Contributions:: 12

Re: Site Shift in Firefox

Have you tired turning off your google ad banner?

06 Aug 2007, 02:39

#10

dbltoe

Totally Zenned

Join Date:: Jan 2004
Posts:: 9,707
Plugin Contributions:: 6

Re: Site Shift in Firefox

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

06 Aug 2007, 05:06

#11

clydejones

Deceased

Join Date:: Nov 2005
Posts:: 7,017
Plugin Contributions:: 12

Re: Site Shift in Firefox

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?

:unsure: leftSidebox in the center???

06 Aug 2007, 18:07

#12

dbltoe

Totally Zenned

Join Date:: Jan 2004
Posts:: 9,707
Plugin Contributions:: 6

Re: Site Shift in Firefox

In Firefox, Zen opens temporarily with only the left sidebox showing and it in the middle of the screen momentarily. THen, as the rest of the page appears, the left sideboxes slide into position.

06 Aug 2007, 20:49

#13

clydejones

Deceased

Join Date:: Nov 2005
Posts:: 7,017
Plugin Contributions:: 12

Re: Site Shift in Firefox

dbltoe:
In Firefox, Zen opens temporarily with only the left sidebox showing and it in the middle of the screen momentarily. THen, as the rest of the page appears, the left sideboxes slide into position.

Is this happening on all pages and only when that page loads for the first time?

Does it happen if the page is already in the browser cache?

07 Aug 2007, 13:32

#14

rstevenson

Totally Zenned

Join Date:: Nov 2006
Posts:: 2,400
Plugin Contributions:: 0

Re: Site Shift in Firefox

Hi Clyde,

I can't speak for the OP, but this does happen to me as well. Check out the wholesale link below. Click the Artists category, then, Paul Hannon or I suppose any other artist. Then go back to the Home page and do the same again. Same result.

I'm seeing this in FF 2.0.0.6, Safari beta 3, Opera 9.22, all under OS X 10.4.10. (That's 3 different rendering engines, I believe.) I don't see this in IE 6 or 7 or even 5.5 in Win XP, but the screen instead shows only the logo and header briefly, then redraws everything below that. FF 2.0.0.6 Win and Safari beta 3 for Win both behave like the Mac versions.

Rob

07 Aug 2007, 14:01

#15

jund

Zen Follower

Join Date:: Sep 2006
Posts:: 276
Plugin Contributions:: 0

Re: Site Shift in Firefox

Please accept this as a non-smart alec answer..
Don't you think that is the way a normal php page loads - it does the header, the sideboxes, the middle, the footer - under contrlo of the style sheet...
Tables would work differently of course - I think it is normal operation... do not fix what is not broken.

respectfully,
jund

07 Aug 2007, 17:46

#16

dbltoe

Totally Zenned

Join Date:: Jan 2004
Posts:: 9,707
Plugin Contributions:: 6

Re: Site Shift in Firefox

All answers accepted graciously:D

Yes, it loads in sequence BUT there is a css code that will cause the ColumnOne to load in it's rightful place rather than waiting for everything else to shove it over.

'Twas a simple one-line css entry that I lost when a development box went down. Was trying not to winmerge all old css files against their original state to ferret out the difference.:frusty:

07 Aug 2007, 20:39

#17

jund

Zen Follower

Join Date:: Sep 2006
Posts:: 276
Plugin Contributions:: 0

Re: Site Shift in Firefox

As always I appreciate your nice way of handling know-it-alls like me (smile). You do that so well...

I went scrounging around looking for column loading in Google - and found a site that was solving another issue via css... but in the discourse the author mentioned better ways to load your columns - which included our dear ZENCART friend "float."

Was float used in your better method? You and I both "know" float should not affect the sequence... but?

Just proves to me once again, knowing-it-all just ain't enough to know how to fix some things - :lookaroun

jund

09 Aug 2007, 12:09

#18

rstevenson

Totally Zenned

Join Date:: Nov 2006
Posts:: 2,400
Plugin Contributions:: 0

Re: Site Shift in Firefox

jund:
Was float used in your better method? You and I both "know" float should not affect the sequence... but?

Hi jund,

I think you're missing the point. It's not the sequential loading that is the problem, it's the placement. The column loads in the middle of the page, then it jumps over when the rest loads. If it would just load where it belongs, the site wouldn't look like there's something wrong with it.

By the way I asked on the CSS-d list but was ignored, as usual. They don't answer questions about Zen Cart, in my experience at least. Which suggests they don't think the combination of code and styles in Zen Cart is either understandable or repairable. :smartalec:

Rob

09 Aug 2007, 13:09

#19

jund

Zen Follower

Join Date:: Sep 2006
Posts:: 276
Plugin Contributions:: 0

Re: Site Shift in Firefox

Rob,

Yepper - forgot about the slippery little devil sliding over and then gettin' back where it belonged...

Don't you find the biases very interesting on some of the places we seek help?

I am what is known as an 'Old Timer' in this stuff... and it is always the biases that screw things up... for example, not wanting to discuss issues because you are a ZEN-CART user, or a Windows user, or a PHP user, or a CFM user... or your browser is not FF or IE or whatever.

The neat part of it all, is these forums (at least with me) have been and are still the best regarding genuine folks who are interested in the overall success of each other. Sure there is competition and some sparring, but it (in my opinion) is most of the time open and honest. We are in this boat together - and we must survive.

Thanks for your candid courage to ask me if I forgot - you done good.

jund

09 Aug 2007, 18:48

#20

bouncerfl

New Zenner

Join Date:: Mar 2007
Posts:: 80
Plugin Contributions:: 0

Re: Site Shift in Firefox

rstevenson:
Hi jund,

By the way I asked on the CSS-d list but was ignored, as usual. They don't answer questions about Zen Cart, in my experience at least. Which suggests they don't think the combination of code and styles in Zen Cart is either understandable or repairable. :smartalec:

Rob

As a member of css-d and an avid Zen user, let me say that while I don't have the answer (and I do experience this same behaviour), for my $, css-d does not discriminate against Zen users. If nobody answered (and, btw, I did answer you offlist), it's because they don't have a pure CSS answer.

I hope to find the answer and will post it to both css-d and here.

Regards,
~Ray