Dec 2010
4 / 4
Dec 2010
Dec 2010
estan
Dec '10

I'm having a curious little problem in Internet Explorer.



When using Internet Explorer and you add multiple items to the shopping cart (8+), where it forces you to have to scroll down to get to the "Checkout" button, the "Checkout" button doesn't stay inside the E-Junkie Shopping Cart pop up window. It ends up below the shopping cart pop up window.



Firefox and Chrome look fine... the Checkout button stays within the popup shopping cart window... but some customers with smaller screen resolutions were losing the checkout button because it would pop out below the visible area.



If anyone has any ideas, that would super helpful, Thanks!



Here is the site: http://tabletoptruths.blogspot.com/p/products.html



Sorry if this has already been discussed/answered!

  • created

    Dec '10

  • last reply

    Dec '10
  • 3

    replies

  • 1.2k

    views

  • 2

    users

  • 2

    links

E-junkie_GuruWebmaster & Support Guru
Dec '10

Egad, that IS strange! It doesn't happen with a custom checkout button in a test page of my own, so I'm inclined to think something in your site's CSS is doing that. This page gives some tips for sorting out CSS issues affecting the cart:

http://www.e-junkie.com/ej/trouble.buttons.cart-css.htm



P.S. I made a copy of your page's source code, removed all the CSS-related code and tested that modified copy of the page on my own server, and the custom checkout button worked normally there, so this reinforces the likelihood that the CSS in your site/page is causing the problem.

estan
Dec '10

Thanks so much for looking into it! I'll play around with some of the CSS to see if I can figure out the problem.

estan
Dec '10

Woohoo! Fixed it



Apparently it was inheriting "position: relative;" from somewhere else. All I had to do was add img#btnPP {position: static !important;} and it fixed it right up.