I want to develop a site with full screen display irrespective of the resolution setting of the monitor screen. That means page should be display fit in full screen without horizontal scrolling in case of any resolution of monitor.

How can I proceed?

Please help.

Thanks

set all widths as percentages

sinha.bijay, you can easily detect screen resolution with javascript, then resize the window using javascript.

If you set all your widths to 100%, your site will span the width of the page, instead of leaving white space to one side.

but this is not the solution because ther is lots of images also in my page and keeping page width 100%, the positioning of images will be disturbed with respect to other element of the pages. For example If i keep the width of the table 100% and using a image width (having equal to page width) with 800 Pixel, then the page will be fit on the screen with 800 X 600 resolution, but with higher resolution, the table width will be fit on the screen but the images width (to which I want to keep it equal to table width) becomes smaller comparison to table width.

So what is the solution in this case?

There is not really a way to do this because you will never know how the user is viewing your site. Yes someone might be viewing at 1024x768 but they may not have their browser filling the screen.

You have to make a trade off between design and presentation and optimised for how most people will view your site. In your case it might be worth considering a fixed width site?

With a 100% width site some page elements will move around when the browser window size is changed, this is just one thing to take into account when designing your layout.