Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

Method to display a site with 16x9 ratio?

7:34 pm on Jul 11, 2005 (gmt 0)

New User

10+ Year Member

joined:Mar 24, 2005
votes: 0

Regular monitors display with a 4:3 ratio, 1024 x 768 or 800 x 600 etc.

If I design for a widescreen ratio 16:9, ie a 1024 x 576 or 800 x 450 page, what options for display exist (browser support?) is there for displaying web content in this form?

11:24 pm on July 11, 2005 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Jan 21, 2002
votes: 0

It sounds like you need a fluid CSS page design, so that your page flows to fill whatever size/shape screen it is displayed on. You can find lots of posts about fluid design over in the CSS forum:
1:14 am on July 12, 2005 (gmt 0)

Senior Member from CA 

WebmasterWorld Senior Member encyclo is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 31, 2003
votes: 6

Most web sites have pages with variable page lengths to accomodate the content, so only the page width is an important factor when designing.

If you are using a fluid-width design, the content will flow and fill the horizontal space. This can be a problem on short pages viewed full-screen on wide screens - it is important to consider what will happen to floated elements etc. if the page is horizontally stretched.

If you are using a fixed-width design (usually at less than 800px) then it will only fill a very small part of the screen real estate when viewed on a high definition wide screen. This problem is mitigated by the fact that the vast majority of wide screen users will not have their browser window stretched full width.


Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members