Page 1 of 1

How to center all web pages?

Posted: Thu Oct 13, 2011 3:44 pm
by dcutter
Is there a way to automatically center all web pages within the browser screen and set a background color when the pages show on a monitor with a higher resolution?

Re: How to center all web pages?

Posted: Mon Oct 17, 2011 10:40 am
by David
Yes, this can be done through HTML and CSS coding in the "start.html" file. All of your screens render into a <div> element with id "pui" on this page.

Centering can be achieved by giving the div a fixed width and adding "auto" margins to the left and right:

http://webdesign.about.com/od/css/ht/htcsscenterfix.htm

Re: How to center all web pages?

Posted: Mon Oct 17, 2011 11:23 am
by dcutter
I got this working. I tried also putting the background-color: code in the css as well and that didn't work, but I'm happy to have the pages centered. I have zero experience with html/css/javascript, etc., so sorry for the simple question! Thanks so much!