will monitor size affect the websites size

hello

this is jagath and new to web designing. im now currently designing a website.And im designing in my 800x600 monitor...

But if i open it in 21 monitor, my site goes to top left corner and does not fit to that monitor

cud some one help me fixing this?

 

Yes, monitor size does affects the size website displayed in browser depending on the resolution of monitor. You have 2 options, either code the layout to be in center in all resolutions or code the design liquid so that it will expand automatically if the monitor resolution is high

 

As long as you design around 760px, you should be ok.

 

jagathdesigner,

In the first place monitor resolution directly affects web page width, if width screen resolution is 1,600 px and web page width is 800 px, there is blank space of 800 px horizontally, and vice versa or conversely, you have to scroll horizontally.

Yes monitor size affects web page width but indirectly. Most people tend to set theirs desktop wide screen monitors of 22 inch to higher 1,600 x 1,200 px resolution, in that way most web pages are shorter horizontally. Conversely most people tend to set their 15 inch notebooks to lower resolution 1,024 x 768 px and if it is that case some web pages are longer horizontally and has to be scrolled.

There is a solution

Css

#window { 
      width: 100%; 
}

Code (markup):

Html

<div id="window">and all code and tags put down here</div>

Code (markup):

 

use % to define the width of table cell or div

 

ya use persent.