Welcome to WebmasterWorld Guest from

Forum Moderators: incrediBILL

Message Too Old, No Replies

Method to display a site with 16x9 ratio?



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

10+ Year Member

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?

Purple Martin

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

WebmasterWorld Senior Member 10+ Year Member

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 Jul 12, 2005 (gmt 0)

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

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.


Featured Threads

Hot Threads This Week

Hot Threads This Month