Results 1 to 6 of 6
  1. #1
    Join Date
    Apr 2016
    Location
    Lawton, IA
    Posts
    5
    Plugin Contributions
    0

    Default Chrome not displaying order total box correctly

    When a customer is using chrome and starts the checkout process and reach Step 2 of 3 - Payment Information page the Order Total box should be centered like the ones below it (Discount Coupons, Gift Certificates, Payment Method, etc) instead it is all bunched in a tall row.

    This page works as it should in Safari, Firefox and Edge so I'm thinking it is some type of css issue but so far I have been unable to find the problem. Any tips or suggestions would be greatly appreciated.

    https://cedarhollowfarm.com/shop/
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Image2.jpg 
Views:	12 
Size:	49.0 KB 
ID:	18737   Click image for larger version. 

Name:	Image3.jpg 
Views:	8 
Size:	53.4 KB 
ID:	18738  

  2. #2
    Join Date
    Jul 2012
    Posts
    14,576
    Plugin Contributions
    17

    Default Re: Chrome not displaying order total box correctly

    Recommend (though haven't looked at the page(s) specifically) to run the page source content through an html validator. Some web-browsers "figure out" how to display the page, while others go raw and the content ends up a bit out of sorts... Not validating is typically where such a problem occurs, otherwise there may be something specific in the template that is not compatible with the browser, though I would think that would be rare to find/have.
    ZC Installation/Maintenance Support <- Site
    Contribution for contributions welcome...
    Upgraded to Zen Cart V1.5.3 from V1.5.1 from V1.5.0 from V1.3.9h

  3. #3
    Join Date
    Apr 2016
    Location
    Lawton, IA
    Posts
    5
    Plugin Contributions
    0

    Default Re: Chrome not displaying order total box correctly

    Thanks for the quick reply, I used validator.w3.org had a couple of "Warning: The type attribute is unnecessary for JavaScript resources." but nothing else which is what confused me.

  4. #4
    Join Date
    Apr 2016
    Location
    Lawton, IA
    Posts
    5
    Plugin Contributions
    0

    Default Re: Chrome not displaying order total box correctly

    Quote Originally Posted by mc12345678 View Post
    Recommend (though haven't looked at the page(s) specifically) to run the page source content through an html validator. Some web-browsers "figure out" how to display the page, while others go raw and the content ends up a bit out of sorts... Not validating is typically where such a problem occurs, otherwise there may be something specific in the template that is not compatible with the browser, though I would think that would be rare to find/have.
    I was able to find this but don't understand how to correct:

    URI : https://cedarhollowfarm.com/shop/inc...stylesheet.css
    66 :-moz-handler-blocked is an unknown vendor extended pseudo-class
    120 -moz-box-sizing is an unknown vendor extension
    120 -webkit-box-sizing is an unknown vendor extension
    121 -moz-box-sizing is an unknown vendor extension
    121 -webkit-box-sizing is an unknown vendor extension
    123 -moz-box-sizing is an unknown vendor extension
    123 -webkit-box-sizing is an unknown vendor extension
    124 -moz-box-sizing is an unknown vendor extension
    124 -webkit-box-sizing is an unknown vendor extension
    367 -moz-box-sizing is an unknown vendor extension
    367 -webkit-box-sizing is an unknown vendor extension
    368 -moz-box-sizing is an unknown vendor extension
    368 -webkit-box-sizing is an unknown vendor extension

    URI : https://maxcdn.bootstrapcdn.com/font...wesome.min.css
    4 -webkit-font-smoothing is an unknown vendor extension
    4 -moz-osx-font-smoothing is an unknown vendor extension
    4 -webkit-animation is an unknown vendor extension
    4 -webkit-animation is an unknown vendor extension
    4 Unrecognized at-rule @-webkit-keyframes
    4 -webkit-transform is an unknown vendor extension
    4 -webkit-transform is an unknown vendor extension
    4 progidXImageTransform.Microsoft.BasicImage(rotation=1) is an unknown vendor extension
    4 -webkit-transform is an unknown vendor extension
    4 -ms-transform is an unknown vendor extension
    4 progidXImageTransform.Microsoft.BasicImage(rotation=2) is an unknown vendor extension
    4 -webkit-transform is an unknown vendor extension
    4 -ms-transform is an unknown vendor extension
    4 progidXImageTransform.Microsoft.BasicImage(rotation=3) is an unknown vendor extension
    4 -webkit-transform is an unknown vendor extension
    4 -ms-transform is an unknown vendor extension
    4 progidXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1) is an unknown vendor extension
    4 -webkit-transform is an unknown vendor extension
    4 -ms-transform is an unknown vendor extension
    4 progidXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1) is an unknown vendor extension
    4 -webkit-transform is an unknown vendor extension
    4 -ms-transform is an unknown vendor extension

  5. #5
    Join Date
    Jul 2012
    Posts
    14,576
    Plugin Contributions
    17

    Default Re: Chrome not displaying order total box correctly

    Quote Originally Posted by wcook View Post
    Thanks for the quick reply, I used validator.w3.org had a couple of "Warning: The type attribute is unnecessary for JavaScript resources." but nothing else which is what confused me.
    Was the code fed to the validator from chrome or one of the other browsers? I've seen sometimes where the "source code" may get corrected and that makes it harder to find the problem depending on the browser. The other css messages above do not look like they impact the outcome as shown.
    ZC Installation/Maintenance Support <- Site
    Contribution for contributions welcome...
    Upgraded to Zen Cart V1.5.3 from V1.5.1 from V1.5.0 from V1.3.9h

  6. #6
    Join Date
    Apr 2006
    Location
    West Salem, IL
    Posts
    2,502
    Plugin Contributions
    0

    Default Re: Chrome not displaying order total box correctly

    Mike
    GeekHost - Zen Cart Certified & PCI Compliant Hosting
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

 

 

Similar Threads

  1. v151 Min / Max Order Amounts not displaying correctly on product info page
    By cbooch in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 13 Aug 2019, 01:38 AM
  2. Mailchimp - side box not displaying correctly
    By pb4 in forum Addon Sideboxes
    Replies: 3
    Last Post: 24 Sep 2010, 10:22 AM
  3. Center box not displaying products correctly
    By g3steve in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 23 Jul 2009, 11:19 PM
  4. Tax not Displaying Correctly on Order Slips/Invoices
    By gregoryjameswood in forum Currencies & Sales Taxes, VAT, GST, etc.
    Replies: 3
    Last Post: 28 Feb 2007, 10:37 AM

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