Troubleshooting Layout Issues In Screen Branding

Owned by Hunter Schaeffer
Last updated: Jul 23, 2013

These days troubleshooting layout issues in the modern browsers like IE, FireFox, Safari, Opera, Chrome, etc. can be vexing, due to variations in the rendering engines for the HTML, CSS & Javascript code contained in the pages. Sometimes a single line of CSS will be rendered vary differently depending on which browser you choose to view the page.

 

Things to look out for in Chrome Browser:

Our "chrome issues" with screen branding layout are very often related to the css rule "vertical-align:bottom". you'll want to be careful in using this rule, especially in relation to the div tag containing the shopping cart table. 

Example:

Problem:


Fix: