To center the aStore, log in to your Amazon affiliate account and click the aStore tab on your home page. Click the Edit button to open the aStore builder wizard. In Step 2, Color & Design, click Edit CSS.
In the big empty box on the left of the screen type the following CSS:
body {text-align: center;}
#wrap {text-align: left; margin: 0 auto;}
The #wrap div encloses the entire aStore and its width is declared in the aStore's Global style sheet, so there is no need to repeat it.
Note that using text-align to center block elements is obsolete, and NOT recommended when a web page has a valid doctype. However, the aStore lacks a doctype, causing browsers to relay on quirks (ancient browser) mode to render the web page. To center the #wrap div in this situation, the old text-align hack is necessary in some browsers.
When a valid doctype is present, all that is needed to center a block element of known width is "margin: 0 auto;". Learn more about doctypes at:
0 comments:
Post a Comment