Html – best css unit to make the the webpage look good even after zooming


My page looks good without zooming. but when i zooming in firefox and in IE, it looks ugly because some of the contents wraps down in to next line.

I think that the problem is in unit i am using. I am using pixels for setting the width.

What units I should use to prevent ugly look of pages while zooming?? Plz help

Best Solution

If you want to zoom everything (containers as well as fonts) you could use em. Beware though that it is notoriously difficult to maintain. If you change one parent size then all children sizes will be affected.

It could be partly solved by avoiding nesting tags as much as possible. Of course it's unavoidable most of the time, but don't go too deep if you don't have to.