Oct 2008
10 / 10
May 2010
May 2010
kinggps
Oct '08

Hi Everybody



My webpage is centered, but the e-junkie cart appears to the left.



http://mastersfiles.com/tic2tic/wavetracker/purchase/



Since it's in the header and before </head>, clearly the script doesn't know about my divs





but when i place it between my shell div and content divs, I lose my centering.





Any help? Ideas?



Thanks!



Blake

  • created

    Oct '08

  • last reply

    May '10
  • 9

    replies

  • 1.4k

    views

  • 4

    users

  • 2

    links

stefanie
Oct '08

Hi Blake,



You might want to try adding this code to your View Cart button code, right before the // -->:



function EJEJC_config() {

EJEJC_INITCSS = false;

}



If "EJEJC_config () {}" already exists in your button code, then simply add the "EJEJC_INITCSS = false;" line to match the example above.



FYI: I thought I should mention that we took a look at your page using Google Chrome and it appeared grayed out and not at all like it looks in other browsers.

kinggps
Oct '08

Thanks, will try that code





re your FYI - I test in Chrome on multiple platforms and site is fine 97% of the time.





Ive only seen the graying out only once after testing on many systems - don't know what's up here. Will investigate. all I can suspect is something is buggy with the inside container css so sometimes the browser will fill the entire page as the bgcolor. Thanks.

kinggps
Oct '08

ok, it was the view cart script that broke the page





added in that extra code, made no difference



this is what I have after the <a> </a>







<script language="javascript" type="text/javascript">

<!--

function EJEJC_lc(th) { return false; }

document.write("<scr"+"ipt src='" + document.location.protocol + "//www.e-junkie.com/ecom/box.js' type='text/javascript'></scr"+"ipt>");



}

// -->

</script>













took this out, and the cart still seems to work fine. Is this ok? most importantly, it didnt gray out my page.



cart still loads the the left, but this is the least of my worries :)





Interesting to note that Chrome doesn't like my javascript img rollovers either...

E-junkie_GuruWebmaster & Support Guru
Oct '08

You can remove that final }, which could cause issues since it isn't closing a previous matching {.



In sites with a lot of complex JavaScript and/or CSS, sometimes it's just a matter of experimenting with reordering your various JS/CSS-related tags (including ours) until you find an order where they can play nice together (now that I think of it, kinda reminds me of troubleshooting Extension conflicts back in the days of classic Mac OS!).



You can really move the <script... to </script> portion of the View Cart code anywhere you like, such as up inside the <head> section, just after the <body>, or just before the </body>. You can also try including/omitting the extra INITCSS-related lines in those various positions.



BTW, this is how your View Cart <script> section should look, with the extra lines:



<script language="javascript" type="text/javascript">

<!--

function EJEJC_lc(th) { return false; }

document.write("<scr"+"ipt src='" + document.location.protocol + "//www.e-junkie.com/ecom/box.js' type='text/javascript'></scr"+"ipt>");

function EJEJC_config() {

EJEJC_INITCSS = false;

}

// -->

</script>



...(note everything from document.write... to ...ipt>"); should be on line, pardon the linebreakage here). However, if that doesn't work anywhere (with or without the EJEJC_config function lines), you could try this version, which is simpler but a bit slower to load:



<script language="javascript" type="text/javascript">

<!--

function EJEJC_lc(th) { return false; }

<script type="text/javascript" src="https://www.e-junkie.com/ecom/box.js"></script>

function EJEJC_config() {

EJEJC_INITCSS = false;

}

// -->

</script>

kinggps
Oct '08

Thanks.



I put in the script exactly as you have it in the header as well as body. Page loads fine, everything is cool except cart still loads left (original problem). Same if I remove the EJEJC_config function lines





Also the same (loads to left) with the 2nd version of the script.





I will continue to play with things and see if I can get the cart centered with my page.



You've been most helpful. Any additional thoughts or advice would be appreciated if you've got em!

E-junkie_GuruWebmaster & Support Guru
Oct '08

Just to clarify, you'd only need it in the head OR the body, no need for both (and indeed, duplicating it could hurt your page-load performance and make troubleshooting this issue more difficult) -- I wasn't sure if you meant you'd tried putting it in both places, or just each place in turn separately.



BTW, I added a comment about line-breakage in my code examples while you were writing your reply, so bear that in mind.



Also, aside from rearranging the order of your CSS and JS tags as suggested before, look at any CSS declarations you have applied to the html or body selectors.

kinggps
Oct '08

Thanks Tyson. Definitely would never try putting it in both at the same time :)



Will revisit your comment re line breakage





Also will play with order of tags, CSS declarations, etc.





Part of the problem is I've been at my real job trying to think casually about a quick fix. When I dive into things and think about how things are structured, hopefully a solution will appear.



Will keep you updated!

1 year later