homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Fixing elements in a page
Fixing elements, effects of zooming into a page.

Msg#: 4235221 posted 10:31 am on Nov 26, 2010 (gmt 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!



Msg#: 4235221 posted 6:01 am on Nov 27, 2010 (gmt 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 ].


WebmasterWorld Senior Member 5+ Year Member

Msg#: 4235221 posted 12:03 pm on Nov 27, 2010 (gmt 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.


Msg#: 4235221 posted 1:35 pm on Nov 29, 2010 (gmt 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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved