answersLogoWhite

0

There are two answers to this question, and both answers are based on the resolution that the page is viewed in. First, is the width (screen resolution) used by the people viewing the page in their Web Browsers. Second, is the width of paper used to print the web page. Since the pipe-dream of paperless communication has not been realized yet, both are important to consider.

I usually recommend using fluid web layouts, because they scale more easily, and they also allow users to re size their browser window regardless of their screen resolution. That being said, I fully realize that fixed-width layouts also have benefits.

The first consideration for a fixed-width layout, is the width of the user's screen. If you have collected these statistics from your current website visitors, then you should cater to your current visitor base. If you do not have this information, or this is your first website, then you will need to use some more general statistics. If you search the web you will find many different sites that have collected browser statistics. At the time of this writing, the vast majority claim that 1024x768 screen resolution has nearly a 50% majority, with a significant number using 800x600 resolution, and no users with lower resolutions than that (some reliable stats can be found at http://www.w3schools.com/browsers/browsers_display.asp). After we account for window borders, etc. a generally good fixed-width for a web page is somewhere less than 980 pixels for 1024x768 resolution, and less than 760 pixels for 800x600 resolution.

Printing is a slightly different story. Nearly all home and office printing is done on 8.5x11" paper (standard "letter" size). The maximum "safe" width to allow printing on 8.5x11" paper is 560 pixels. This means that you have three options: 1) you can assume that none of your site visitors will ever want to print your web pages, 2) you can restrict your site to 560 pixels wide or 3) you must create CSS definitions for both widths, and use the media="print" directive on your CSS tag (see http://www.w3.org/TR/html4/struct/links.html#edef-LINK). With this method, you can also hide certain elements, such as navigation trees or ad banners, to make the printed page less cluttered.

To summarize:

* write your page based on your visitors. * for 1024x768 resolution, use a width less than 980 pixels * for 800x600 resolution, use a width less than 760 pixels * for printing, use a width less than 560 pixels * to accommodate printing and a wider screen resolution, use the "media" attribute of the css tag

User Avatar

Wiki User

16y ago

What else can I help you with?

Related Questions

What do you call the type of page layout that always extends the full width of a browser window no matter how wide or narrow that browser window is?

The type of page layout that extends the full width of a browser window, regardless of its size, is called a "fluid layout" or "responsive layout." This design approach ensures that the content adjusts dynamically to fit the width of the viewport, providing an optimal viewing experience on various devices. It contrasts with fixed layouts, which maintain a specific width regardless of the browser window size.


Which view can you see the header and footer areas of an Excel worksheet?

Page Layout View


Which print orientation utilizes the width of a page?

The print orientation that utilizes the width of a page is called "landscape" orientation. In this layout, the page is wider than it is tall, allowing for a broader view of content, which is particularly useful for displaying images, charts, or tables. In contrast, "portrait" orientation is taller than it is wide.


What ribbon do you use to change margins?

Page Layout


How do you set page margins?

The following is all in microsoft word.You go onto page layout and then click page borders. You then go to box (one of the options on the far left) and choose your width and style. If that doesn't work, YOUR STUFFED!


Which tabs include buttons for formatting text?

Answer is "Home" ;)


What the width of a page of a text?

The width of a page of text can vary depending on the formatting and the medium. For standard printed documents, such as an 8.5 x 11-inch sheet of paper, the text width is typically around 6 to 7 inches, allowing for margins. In digital formats, the width can be adjusted based on screen size and resolution. Ultimately, the specific width will depend on the design and layout choices made by the author or publisher.


What is a HTML page layout?

Over 4 Layout.


What is the best page layout software?

Definitely Adobe InDesign, sometime I use QuarkXpress for editing old layout but for new layouts I prefer InDesign.


What is the relationship between model page and layout?

a model page is an example; a layout is how it's organized


Where in excel would you go to accomplish the following shrink the width of printed output to fit a maximum number of pages?

Page Layout gives a number of options for sizing a worksheet to the desired output. The feature most appropriate for what I believe your question is asking is Page Layout, Page Setup, Page, Scaling. Then you decide how many pages "tall" and how many pages "wide" you want and it does the rest.


What is page layout?

the lay out of the page and what you put in it