Web page too wide for monitor screen?

What is the width, in inches, of a full web page for a normal and a widescreen monitor?

  • I am designing a web site. I want the home page to be a full screen (no scrolling l or r or up and down). What would be the dimensions, height and width, for both normal and wide screen monitors? Not the monitor dimensions.... the web page? In inches please. Thanks.

  • Answer:

    Firstly, a webpage and image are digital - they have no real dimensions. The width can be measured in pixels and the RATIO (old TV is 4 wide by 3 deep, widescreen can vary - mine is 16:10 (1440/900) compared to 4:3 multiplied up making 16:12 (1200/900). 15" x 8" for me please! 7"x7" for my friend with a squarer hi-density (resolution) laptop monitor. My monitor is the same RESOLUTION as my friend's monitor, 1440 wide by 900 deep. He has a laptop, 13.5 inches from corner to corner, and I have an LCD monitor 1440 wide by 900 deep. Web pages on his screen are smaller using the same number of pixels. If I display them at the same size, they are not clear - because my pixels are bigger. To be honest, I don't understand web page writers, when I view Yahoo Answers - if I want it to fit my screen I would need to view it sideways rotating my display. this webpage is THE WRONG way around to fill my screen, the width is 8.25 inches on my 16 inch wide screen (so I can open two pages side by side, that's nice...) and it is very tall. On my monitor, with no menu at the top or the bottom (browser maximised vertically) I have 9 inches. I would prefer the web page to be around 8 inches square, or 8 inches high by 10 inches wide. That would fit a normal screen, and on a widescreen monitor it would leave a space at the side for accessing a sidebar, or a vertical menu bar at the side (as I have). To suit all monitors, a web page should perhaps fit the ratio of 800 pixels high and up to 1024 pixels wide rather than the opposite - but then instead of having a page which scrolls, it maybe a better idea to separate it into pages so that when you click 'next' it will simply scroll the page down by 800 pixels like a powerpoint presentation - so you can design what you should see on the screen rather than a long scrolling page. Yahoo never design a page that fits the screen - and I don't know why. My friend designed a site to advertise his business, and it is 1024 wide and 800 deep, and so are the subpages. To limit problems with loading the page, he designed 4 screens and put them vertically in a single scrolling page so that you can either scroll it with the mouse, or click a title to JUMP to the part of the page you wish to see next. I hope this helps you - don't design for widescreen, because that's not suitable for 4:3 monitors. Design for 4:3 monitors and you can fit on a widescreen too. With modern browsers, it is convenient to scroll the page with the mousewheel. If I'm reading, I expand the browser full screen, and then zoom the page to fit the width of the window - so my tiny Yahoo page is stretched (this doesn't work in firefox.... the text expands but the page doesn't expand - but with Opera, the whole page expands to fill the screen). I would advise you write your page to suit Firefox, this is 20% of the market now and comprises the more intelligent computer users.

Geno at Yahoo! Answers Visit the source

Was this solution helpful to you?

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.