Setting of width on homepage (HP)

When the homepage that was had a hard time and made is displayed with my personal computer, it is beautifully displayed without trouble. However, do other people look similar the homepage by yourself of your looking now, too?

It sees it usually unlike. If the personal computer is different, a browser is different and the setting is different. The size of the screen, the resolution, and the color are different. Please do not think that quite the same one exists because the environment of the person who sees is various. It thinks about the width of the screen this time.

Can read the width on the homepage even by 800 pixels.

The character on the homepage is usually horizontal writing. Because everything is not displayed when the width in the homepage is larger than the display, a horizontal scrollbar is displayed. When even a screen right edge is read when sentences on the page are read in that case, it is necessary to move the scrollbar to the right, to display the part not displayed, and to read. Next, it is necessary to return the left the scrollbar, to display the head of the following line, and to read. It is general that the mouse operation of a horizontal scrollbar is very troublesome.

To avoid such a thing, the width on the homepage is not enlarged so much. There is the one of 800 pixels in the width of the screen in an old notebook computer, too. As for a recent personal computer, the one of a larger screen seems to be more than that of it, and to exist a lot of people who maximize the width and do not use it either. Moreover, there seem to be a lot of users with the favorite put out to the left, too.

There seem to be a lot of people who expanding display the screen and see, too, because there are a lot of sites where the character on the homepage is small even if the resolution of the screen is high when the screen size is small like the notebook computer. I am always made to do the expansion display with Firefox, too.

Thus, I think that you should assume that the widths of the display screen of the personal computer are 800 pixels, make the width on the homepage about 730-780 pixels, and make it. An oblong, maximum in affiliate advertising of Google and optimism one becomes a factor that as many as 728 pixels it also decide the homepage width.

Method of absolutely specifying width on homepage

The width on the homepage is absolutely specified well in general. The purpose is to design easily because the width is decided to this. It specifies with Style Sheet, and the width in the table is specified.

However, this method comes to need a horizontal scroll absolutely, and not to use it easily at all when it narrows the width.

Method of no never specifying width on homepage (liquid layout)

I am making the homepage never specifying the width on the homepage. The width on the homepage changes dynamically by the environment of the person who sees thus. (It is said the liquid layout. )Side should not scroll except a special case even if the homepage is seen in what width.

The width doesn't scroll side at all even by 400 pixels when it is extreme and sentences can be read. Moreover, it is displayed on a full screen even by 1600 width pixels and, according to circumstances, the necessity of the length scroll disappears. However, the design of the screen doesn't become it according to the desire. From design to convenience valuing

It is very easy to make such a homepage. In short, it doesn't only specify it for a width. The width is relativity specified (percent % specification). whether for the table to specify the item concerning the width

A horizontal scrollbar might come out when the width of a browser is below 728 pixels there are an image and an affiliate advertising in the homepage. Because all characters in the homepage can be seen even in this case even if a horizontal scrollbar is not operated, it is very convenient.

Method of specifying the maximum value never specifying width on homepage (It is recommended)

It is the one that the design collapses very much when the width grows too much if the homepage is made never specifying the width on the homepage (liquid layout). ..certain.. I see. the method of specifying the maximum value of the width on the homepage then

A right part specifies max-width with CSS on my homepage as follows. If the left-hand segment etc. are included, it doesn't become more than about 910 pixels.

#main {max-width:730px;margin:0 10px 10px 180px;}

Below 910 pixels, the width becomes small in proportion to the width of the display. It is very good feeling. It is possible to display it well also with a standard mode, Firefox, and Opera of Internet Explorer 7(IE7). The maximum value of the width becomes invalid in an interchangeable mode of IE7. The page is made and see that separately about interchangeable to a standard mode mode, please.

Max-width can be used even with IE before IE6. (minmax.js use)

There is a method by which max-width can be used even with IE before IE6. The minmax.js library where the use of the property of min-width max-width min-height max-height is enabled is downloaded, the following setting is done in the head tag, and minmax.js is called.

<script type="text/javascript" src="minmax.js"></script>

The capacity of the file of minmax.js exists this method, and there is about 4-5kB, and is a fault to which it takes time for download when this is called on each page.

Max-width can be used even with IE before IE6. (* html Huck)

Another method by which max-width can be used even with IE before IE6 exists. In a standard mode, Firefox, and Opera since Internet Explorer 7(IE7), above-mentioned CSS is applied. It is a method to apply by adding to CSS for IE6 and using the expression method of JavaScript.

The expression method is disregarded in other browsers in a peculiar one to IE, and uses the one to read only to IE4-6 of "* html" star Huck. Because I was a standard mode, additional specification was done as follows.

* html #main {width:expression(document.documentElement.clientWidth > 910? "730px":"auto");}

Please give to me as "document.body.clientWidth" in an interchangeable mode of IE "document.documentElement.clientWidth" in a standard mode of IE. When it makes a mistake in this, it doesn't operate well.

Moreover, the meaning of the numerical value of [clientWidth > 910? "730px"] is a meaning "Make a right part 730 pixels when the width of a browser of the display is wider than that of 910 pixels". (910-180=730)

Confirm method in an actual browser

Let's confirm how to see the made homepage actually. Let's confirm it in case of not being though it only has to be able to confirm by browsers of Internet Explorer, Firefox, Netscape, and the opera, etc. by the setting with various even only Internet Explorer.

Please first put out the favorite to the left, shorten the width of the screen to about 400-800 pixels, and observe it. Next, please change the size of the character from the minimum to the maximum.

Let's confirm how to see the homepage that the setting such as [The fontsize specified on the Web page is not used] was changed by [User assistance] in [Design][Whole] tab of [Internet option] and I made. Especially, it is one a respondent passing if displayed without unnatural.