Site "shifts" to right, then back on every page lo

carpeperdiem · #1 08-05-2006, 06:00 AM

With minor exceptions, my store (in development) started doing a "shift" - of about 15-20 pixels on every page load.

That is, pages load slightly to the right of where it will end up, and when the page is loaded, it shifts to the left.

I don't recall what I did to make this happen...

If you want to see it: Im nowhere near ready for anyone to look at my site (we're not going live for 6 weeks), but to see the shift, please try:

EDIT: [link removed]

One page in particular DOES NOT shift... the category "top ten list" -- hmm... why is that? It IS its own product_t template that has been modified... and no other category or item shares it...

Has anyone experienced this? And any all pointers are appreciated.

UPDATE: my primary browser is SAFARI/mac (OSX 10.4.7) - in Firefox/mac only some pages shift. In Opera/mac - pages shift (but not all). Hmm...

Thanks,

Jeremy

balinor · #2 08-05-2006, 06:30 AM

Is that fancy categories you are using?

carpeperdiem · #3 08-05-2006, 08:27 AM

No, not fancy categories...

PhilJ's True 3 Level Vertical Flyout Menu

Cool, huh? My design is not done -- I am trying to make the structure of the site fucntion to taste before we start making it pretty...

I wanted nested categories w/ flyout -- and Phil's reworking of the dynamicdrive code works great.

Any idea why my page does a shift?

Thanks,

Jeremy

PhilJ · #4 08-05-2006, 08:56 AM

how dare you! it's not from dynamicdrive

I can't see the 'shift', but "Customers who bought this also bought..." on product pages is definitely in the wrong place.

carpeperdiem · #5 08-05-2006, 09:05 AM

Phil -- so sorry!!! -- hey, I bought it from you - if I could have done it myself, I would have... I LOVE your vflyouts mod -- and I have been talking it up everywhere... there is nothing to be ashamed of if you took some opensource code, changed the daylights out of it, and packaged it so that any idiot (like me) can easily integrate it into their cart. That's worth the price of admission. At least it is for me. I feel it was a fair value. You wouldn't be the first or last to repackage an opensource project for a specific use... if this were easy, everyone would be doing it --- and your vflyouts mod work right out of the box. It does everything you represent it to. I am quite satisfied. Sorry if it sounded like I thought you ripped off some other code... I did not mean to imply that -- I thought the so-called "dynamicdrive" was opensource... upon further review, I am very mistaken, and I take everything back. I am sorry. I love your vflyouts -- it is lean, fast, and perfect gor my use. Everyone should check it out!

carpeperdiem · #6 08-05-2006, 09:14 AM

Ok, I think I figured it out... which then leads me to an x-cart structural question...

In <rectangle_top.tpl> I had set the {$width|default:"x"} to 980-px (instead of the default for my skin which is "100%")

I did this in both places:

Code:

<TABLE align="center" class="okvir" border="0" cellpadding="0" cellspacing="0" width="{$width|default:"980px"}" height="100%">
  <TR>
    <TD valign="top">
<TABLE align="center" border="0" cellpadding="0" cellspacing="0" width="{$width|default:"980px"}" height="100%">
  <TR>
    <TD valign="top"><DIV style="position: absolute;" id="div_null"></DIV>

As opposed to:

Code:

<TABLE align="center" class="okvir" border="0" cellpadding="0" cellspacing="0" width="{$width|default:"100%"}" height="100%">
  <TR>
    <TD valign="top">
<TABLE align="center" border="0" cellpadding="0" cellspacing="0" width="{$width|default:"100%"}" height="100%">
  <TR>
    <TD valign="top"><DIV style="position: absolute;" id="div_null"></DIV>

Setting the width here to 100% solved my problem.

NOW this leads me to -- how important is it to have a mandatory fixed width?

If I set rectangle_top.tpl width(s) to 980px, then should I also set the /customer/home.tpl main table width to 980px as well, yes?

Is this where I was having the shift? There must be some load order in the xcart generated html - and it was making a 100% table (home.tpl) then constaining it down to 980px (rectangle_top.tpl)

Am I understanding this correctly -- so IF home.tpl had the same width as rectangle_top, things would match, yes?

Not exactly... if I set rectangle_top, and home.tpl to a fixed width, then I also have to set all the other .tpl files to the fixed width...

Which leads me to:

Why is rectangle_top.tpl immediately nesting the entire site into (2) tables:

Code:

<TABLE align="center" class="okvir" border="0" cellpadding="0" cellspacing="0" width="{$width|default:"100%"}" height="100%">
  <TR>
    <TD valign="top">
<TABLE align="center" border="0" cellpadding="0" cellspacing="0" width="{$width|default:"100%"}" height="100%">
  <TR>
    <TD valign="top"><DIV style="position: absolute;" id="div_null"></DIV>

OR -- is this something that the designer of my skin (Goran) gave me?

I find all this fascinating... I just want to know... If I discover things, I'll report back...

carpeperdiem · #7 08-05-2006, 09:22 AM

Quote:

Originally Posted by PhilJ

I can't see the 'shift', but "Customers who bought this also bought..." on product pages is definitely in the wrong place.

yes, of course... it used to be on the left bar -- and now I am going to put it into a "banner" type floating box that will have some custom if/else logic to determine if it's shown or not.

I have purchased a bunch of upselling type mods, including "customers also bought", ezupsell, ezrecommends, the BCSE review bundle - I can't have all of these working at once, or else it will be like putting mustard and relish and ketchup and mayonaise and sourkraut and onions and chili and tartar souce on your hot dog. It could work, but it's no longer about the hot dog.

I am going to pull the link to my site because I have figured out WHY it's doing this... but that doesn't solve my problem or answer the question of why are these tables nested and what's the best way to fix a width on the site.

There will be an opportunity for the xcart community to rip my site to shreds, and I look forward to the lashings that I will be receiving. Let me count the days...

carpeperdiem · #8 08-05-2006, 09:48 AM

Upon further review...

I am not in love with the site width at 100%.

If I fix a width (let's say 950px) - I get the "shift" when loading most pages.

All sub pages and templates are set to width=100%

Anyone have any "width" tricks they care to share?

Thanks,

Jeremy