Results 1 to 2 of 2
  1. #1
    Join Date
    Jul 2005
    Location
    Charlottesville, VA
    Posts
    431
    Plugin Contributions
    0

    Continue button slides under the right column in IE

    Howdies.

    I'm prob not the first one to report this problem but I can't find a relevant thread.

    I heard that some of my customers were having trouble checking out, and finally I have enough information to diagnose the problem.

    I'm not sure if this is classified as a stylesheet or template issue but...

    In IE only
    (thanks, Microsoft, for your poor adherence to W3 spec) the Continue button in Step 1 of checkout (main_page=checkout_shipping) slides UNDER the right column windows on narrow displays. That page, and main_page=checkout_payment, have no tables.

    The previous screen, main_page=shopping_cart, is fine. That page has a table. We all know that IE 6 likes tables and does not play nice with divs.

    I've been trying to figure out how I might fix this problem (stylesheet change? template change?)

    Should I put a 1 cell table around the Continue button on the templates?

    Suggestions, please, or redirection to a thread that deals with this issue.

    Muchas Gracias,

    ---Diana

  2. #2
    Join Date
    Jul 2005
    Location
    Charlottesville, VA
    Posts
    431
    Plugin Contributions
    0

    Default Re: Continue button slides under the right column in IE

    So far I've tried:

    1) various stylesheet settings for .buttonRow forward without success, including display settings (block, inline-table) and fixed width/height.
    2) wrapped a 1-cell table instead of a div around the button, also no luck, thing still slides underneath the right sidebars.

    I really really really don't want to go to fixed width. I hate it.

    But, maybe I have to do that for these two screens only. Hmm next thing to try.

    ... some time later...

    This works but not really elegant:

    Code:
    /* Holly hack for IE. Prevent Continue button from sliding under right column \*/
    * html #checkoutShipping.centerColumn,
    * html #checkoutPayment.centerColumn { width:450px }
    /* */
    Maybe I can make just the bottom button section fixed width, wonder how that would work.

    ---Diana

 

 

Similar Threads

  1. Right Column Sideboxes not staying to the right on some pages
    By kdays in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 9 Mar 2010, 09:53 PM
  2. Changing the code of the Continue Shopping button?
    By bungenstein in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 17 Feb 2009, 02:42 PM
  3. Editing the 'Continue Shopping' button
    By roscoeh in forum General Questions
    Replies: 20
    Last Post: 9 Jun 2008, 02:53 AM
  4. Can I locate my 'Add to Cart' button in the Right Column?
    By jafma in forum Basic Configuration
    Replies: 3
    Last Post: 26 Mar 2008, 05:46 PM
  5. Editing the 'Continue Shopping' button
    By roscoeh in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 3 Oct 2007, 08:43 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR