Page 1 of 1

How do I center my page in the browser?

Posted: Thu Jun 23, 2005 6:35 pm
by Pablo
Here are a few tips for the designing your web pages so they are displayed in the center of the browser window:
- Set the Page properties (for example) to 1024x768 (note that the height doesn't really matter).
- Add a vertical ruler guide and move it to position 1024.
- Make sure all page contents stays between the left border of the workspace and the ruler guide
- Enable 'Center to browser' in Page Properties

Note that all content of the page will be centered within the page width you've specified. So if the content if wider than 1024 pixels then you should also increase the page width properties.

Take a look at our templates how to use this method:
Most of these templates stay centered in the browser window, no matter what window size or resolution.


Re: How do I center my page in the browser?

Posted: Mon Feb 18, 2013 10:08 am
by Pablo
See also this related FAQ: How to add full width header and footer to your pages?