how to handle different screen resolutions?

[ravideep]

if I set the website layout in pixels, say 800X600. It works fine with screens with window size 800X600. But if someone is having screen 1200X800, then it doesn't stretch to the full window. How can I make a proportionate layout for different screen resolutions. Moreover if I use width and height in percentage(%) say 100%, the images do not stretch accordingly.

[Niheel]

You can use what is called a fluid width layout. This is basically setting your width to 100%. You can use CSS for this or if you are using tables just make sure your parent width is 100%.

On the point about images, you can't really make images stretch without using some javascript if the windows stretch.

You wont' be able to do this with PHP.

[ravideep]

could u please elaborate more on fluid width layout.

[mfaisalwarraich]

Fluid layout means it fits to the screen resolution and if you resize your browser window the content also resizes with the width. this may help u.

#img.source-image {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}