Centering Webpages on Widescreen...

User 241663 Photo


Registered User
7 posts

I have been experimenting with websites on widescreen monitors and many professional sites will somehow justify their pages to completely fill whichever monitor is being used...but any page that I create with CC HTML Editor will always appear to the left of a widescreen monitor. I know how to center the items on the page itself...but how do I center the page on the monitor? Thanks!
User 562592 Photo


Registered User
2,038 posts

It depends on how you have your code set up. Most styles have an over all container that holds all of the right, center, and left columns within it. If that is the case then you just center that container and everything will center with it.

But, we would need to see the code in order to tell you which element will be affected by the centering. Just need the CSS.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.

My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).

My Personal Website: http://www.EricSEnglish.com

User 364143 Photo


Guest
5,410 posts

many professional sites will somehow justify their pages to completely fill whichever monitor is being used


This is accomplished by using a liquid layout (percentages) instead of fixed widths.

http://www.maxdesign.com.au/articles/liquid/
CoffeeCup... Yeah, they are the best!
User 117361 Photo


Ambassador
6,076 posts

The only trouble with liquid layouts is that what might have seemed a nice full page of content, suddenly seems empty when you see it on a wide monitor! There are some sites which gain by that kind of elasticity... such as tabulated data which has more room to spread out and usually makes for easier reading... but personally I like to see the content more "contained" even if it means having some "breathing space" around it. The only thing with this route is that you should bear in mind the smaller screen resolutions which start at 1024 these days, and as a result, avoid making your page any wider than about 1010px which allows a few pixels at the sides for screen curvature and scroll bars.
Take a look at the W3C statistics for screen resolutions.
Getting everything just right in liquid layouts is not easy unless you really know your code well IMHO.
User 364143 Photo


Guest
5,410 posts

Liquid layouts can be problematic for people who insist on maintaining absolute control over every detail and do find fixed width designs more manageable.
CoffeeCup... Yeah, they are the best!
User 562592 Photo


Registered User
2,038 posts

It is also the case that if you switch to a liquid layout, you may have to change to an "em" system.

The html editor has some pre-existing css templates. Fool around with them and get familiar, that is your best teacher.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.

My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).

My Personal Website: http://www.EricSEnglish.com

User 2107507 Photo


Registered User
12 posts

I am using the coffee cup HTML editor but I am not really knowledgeable with the coding so I am basically using the drag-and-drop feature to build my website with minimal coding. Here is my problem, on some computers you have to scroll in order to see my whole page and I would like to change to a fixed-width layout. How do I do this and still be able to use the drag-and-drop feature?
Susan Mann
User 562592 Photo


Registered User
2,038 posts

You cant. You need to code the fixed width.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.

My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).

My Personal Website: http://www.EricSEnglish.com

User 92156 Photo


Registered User
272 posts

I tried a liquid layout on a page which had a lot of text, I soon discovered that reading long lines of text on the screen is a pain (obviously why newspapers use a columnar layout).
User 117361 Photo


Ambassador
6,076 posts

Zipper- I try to stick to between 12 and 14 words per line for comfortable reading because as you say, long lines can be tiring.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.