Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Fixing elements in a page

Fixing elements, effects of zooming into a page.

10:31 am on Nov 26, 2010 (gmt 0)

New User

5+ Year Member

joined:May 5, 2010
posts: 8
votes: 0


I want to know , as to how to fix elements where ever they are even when we zoom in to view web page.when zoomed the elements should go out of scope.
The pages created by me when zoomed, the elements gets readjusted to the screen size, this should not happen. Have tried with positioning like absolute, static, noting seems to work.

thanks in advance!
6:01 am on Nov 27, 2010 (gmt 0)

Junior Member

5+ Year Member

joined:Sept 1, 2010
votes: 0

Sure srikanthyadake, positioning can seem like a real minefield sometimes. Interesting that you say that positioning absolutely didn't solve your issue, on the face of it I would have pointed you in that direction. Are you able to provide a URL so that we can investigate more closely? If you want to hide the URL from spiders you can use something like [tinyurl.com ].
12:03 pm on Nov 27, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:Aug 9, 2008
posts: 961
votes: 0

Hi srikanthyadake and welcome to WebmasterWorld ;)

Can you clarify what you mean - I'm not sure I understand
when zoomed the elements should go out of scope
Reason - zoom is a browser feature, and there is page zoom and text zoom. Most browsers (except for ie) will adjust the elements when zooming unless set to only zoom the text. If you are referring to the zoom property understood by ie and web-kit, it is designed so the surrounding elements to reflow.

My other thought is that perhaps you want the browser to create scroll-bars as the elements increase in size. Setting a width and height and no positioning should achieve that in most cases.

Post some code if it would help explain - but not a url as they are not really allowed [webmasterworld.com].

However, do keep in mind that zooming allows users to adjust content to make it easier to read. It is an important accessiblity/usability feature and interfering with it may prevent some users viewing your pages comfortably. If you want to control the layout/design when content is zoomed, an option is to create several style sheets and provide a "style sheet switcher" so your users can select a font-size/colour scheme and layout they find easiest to read, but also suits your design.
1:35 pm on Nov 29, 2010 (gmt 0)

New User

5+ Year Member

joined:May 5, 2010
posts: 8
votes: 0

Thanks caffinated and alt131 for the reply.I found out myself as to how to do it.Its was just a matter of properly positioning elements, with position attribute.
I am developing a portal for our college and will be on intranet.Zooming as to I meant here was just page zooming not for viewing text.