How do you force a 4/3 aspect ratio on wide screen monitors?

skink127 · Joined: 26 Jun 2009 Posts: 2

I recently discovered that my pages are getting stretched horizontally beyond acceptable limits when viewed on the new wide screen monitors. How do you force a 4/3 aspect ratio so that the wide screens display a sort of vertical letterbox around your pages?

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3506 Location: Biloxi, MS

It's not so much the monitor's size as it is what window size viewers will use in their browsers. I have a 22-inch monitor, but I keep my browser to a 1024x768 size. That's over all size. The actual browser window is less because of the tool bars and other stuff at the top and bottom.

You could try setting up the width of your pages to the normal expected browser size. Not monitor size. If you absolutely need the pages to "stretch", then try using percents on the width and set height to a fixed value. You also can set a min-width and min-height in CSS.

Take a look at following site for some good info:

The Holy Grail