Using CSS to Control the "View" in explorer

Hi all

I have what may be a silly question, but I am new to CSS so bear with me.

I would like to control the way my site is viewed, in explorer or any other browser, so that if someone has their browser set to a different text size in the "view" menu than that which I used to build the site, it will not change the formating of the site.

For example, if I change this tab to "largest" font, then my text ends up all over the place. It only looks good on the "medium" setting.

I feel that there may be some CSS code that can force these settings on a site, and therefore deal with this problem.

If anyone has any suggestions, please let me know.

Cheers

MC

P.S. Keep in mind I a bit of a boffin at this, so I may not understand all of the advise that I am given. MC.If a browser feature allowing the user to override various elements of a page didn't actually override those elements of the page then it wouldn't be a very good feature, now would it? You simply have to make your page so it will flow well. Changing the font size should not affect your page's layout. If it does then you have a little bit more work to do.Hi,

Without wishing to offend you, the best answer is to design your site so that users can use whatever text size they like. A lot of older people are using the web these days and (like me) have trouble reading small/medium print.

You should be aiming for a fluid design that adapts to resolution and text size automatically. So your question really should be "how can I construct my page to look good in any text size".

Your design should adapt to the user and not the other way around.

As far as I know there is no foolproof way (luckily) to fix the size in all browsers although setting the font size using px will stop IE from changing the text size. This won't work in Mozilla however, therefore I recommend that you re-think your design and let your users decide on the text size that they want.

Hope this helps.

PaulYou can do a fair bit by using CSS and relative size units like "em". That way, you can have (for instance) columns that get wider as the text in them gets bigger. It can get a bit flaky in older browsers, though.

Look at the second site in my .sig, and pay attention to the right-hand menu as you resize the text. IF IE understood the "max-width" property you'd be able to see the main page body getting narrower/wider, too, like it does in Mozilla/Opera.If you really don't want the text to change size, use pixels.

font:normal 15px Times New Roman;

for example.Please read the other posts before posting.
Paul O'B
setting the font size using px will stop IE from changing the text size. This won't work in Mozilla however...
And IE users will still be able to change the visual styles by specifying their own style sheet. Though I don't think this is actually done very often (an assumption).Also remember that this IE bug only affecst Windows versions of IE. IE/Mac does NOT have this bug. It is also likely that future versions of IE/Win will have fixed this bug.

So the real solution is to code you pages correctly, not count on that the visitor happens to use a buggy browser.
 
Back
Top