I tried to design a webpage layout using CSS. But the problem is when i try to zoom the page (with my mouse scroller+ctrl key) the page expands vertically not proportionately.
for example. www.yahoo.com
[Here when u zoom in the page both the width & height of the page will be increased ].
What shall i do on the stylesheet while defining width & height of the page to get the result.
Thanks.

Without having a URL to your page to see for sure, I would guess that you need to specify a width in em units, not pixels or percentage.

The reason for this is that the em unit takes the size of current font-size, and when you zoom in you are actually just increasing the font-size on the page.

You will have to use percentages instead of a specific declaration (like pixels).

Simple solution is:

1. Use percentage to set width property
2. Use em to set font size ( not px) and some other properties.