Reputation: 3912
While zooming the Web Page the DIV element will not Zoom, but the component placed inside the DIV is zooming and go out side of the DIV. Here I created a test fiddle test fiddle. Please help me to resolve this issue.
Upvotes: 1
Views: 706
Reputation: 5126
Your Div is taking up 50% of available space, irrespective of whats inside. The rest of the space is being left as margin. For example if you zoom out from 100% (zoom out, not in). You can see that the contents will keep on getting small, but the width of the div will increase.
If you care about zoom-out/zoom-in looks, then use pixels instead of percentage.
Try it out over here: http://jsfiddle.net/fam46/1/
Upvotes: 2