Website design: why does the web page not change size when viewed on a large screen?

Question

I am new to webdesign, and design pages to fit my PC screen, but when the site is viewed on a large screen the page doesn't adjust in size - what have I done wrong?

Answer 1

There are many things that could cause this, but the most common is table size.

I am guessing that you created one or more tables on your page and put the text, pictures, etc. inside the table. (That is the right way to do it) When you created the table, you probably gave it a specific size (like 800 pixel). It fit your screen prefectly. But when you go to a screen with a larger resolution (say 1024), the table stays at 800. That is what you told it to do.

Check the table properties and reset it to 100% instead of 800 pixel. Then if it is opened on a PC with a higher (or lower) resolution, it will adjust to fill 100% of the screen.

Answer 2

when you design a web page, the size is based on pixels. A 15 inch screen measures, say 1024 x 768 pixels. A 19 inch screen measures 1280 x 1024 pixels.

So a web page designed as 800 x 800 pixels will look much smaller on a 19 inch screen. Because pixel as a measuring unit will never change its physical size, just like 1 metre is always 100 centimetres.

My suggestion is to base your measurements on the most popular screen size and centre your design.

Answer 3

You have to stipulate in the code exactly what you want your web pages to do in larger and smaller browsers. By using tables, the page will expand and contract for different sized screen resolutions, however, this can cause it to look weird in very large browsers. The most popular solution to the problem is to specify exactly how wide you want the content to appear (probably 800 pixels) and to have it centered on the page. You can see an example at our webpage http://www.wheatsystems.com It's the same 800 pixel width on small and large resolutions.

Answer 4

It depends on the style your choosing. If you give an object on a web page a set of pixels to rule by, it doesnt matter the screen size, it will only display in the size set. Usually web designers rule by 800x600 so the web page displays ok in most of computers, given as a fact that the lowest resolution used nowadays is 800x600. If you want an object to resize based on the users settings, youll have to use some scripting. with javascript among others to achieve that.

I suggest staying with an 800x600 size.

Answer 5

It all depends on the resolution, not the actual monitor size. If the resolution is the same, the page's look will not change from the way you see it.

Answer 6

Get some professional help here, hope it helps, all the best :)

http://tinyurl.com/o5e26