View Full Version : Force text size "normal" Mozilla Firefox?

Mar 8th, 2008, 09:24 PM
Okay here's the problem, I have used px instead of % and I have a feeling it's ruined my whole site because of the fact that users can set their font size custom which TOTALLY messes up margins and things that I have set so precisely.

Here is my site: www.msredimp.000webhost.info

At small it works perfectly and the forms stay all normal, but when it's increased or decreased it totally ruins it.

Is there a way to force the settings in Mozilla to normal size? Or any other way?

Thank you, and sorry for being such a newbie.

Mar 8th, 2008, 09:31 PM
No, and thank gods there isn't.
That's the beauty of the web. The control is always in the hands of the user and not the designer. You're going to have to deal with it, but there are ways. I, for example,
always use ems to code my websites, which are basically resizable pixels. This form of elastic layout scales when the user resizes their text. Jon Tangerine (http://jontangerine.com) has a brilliant article (http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css) on it.

Mar 8th, 2008, 09:53 PM
Thank you, I will try that out. So using em will make them stay the same size with text increase and decrease?

Dan Schulz
Mar 8th, 2008, 11:58 PM
Yes, but there's a lot of misconceptions about how they work. I've found that setting the font-size to 85% and the line-height to 1.5 on the body, then using EMs on the containing blocks works best, especially for people using "large fonts" setups (120 .dpi on PC, or 100 .dpi on Linux).

Here's an example of what I mean:

http://www.dan-schulz.com/temp/4columnlayout/ (<-- released to the Public Domain, so do whatever you want with it)

It is of course best to place a minimum and maximum width on your layout. 750px to 1150px tends to work very well (note I did not do that in the example I just linked to).

Mar 9th, 2008, 08:07 PM
Thank you :)

Mar 9th, 2008, 08:10 PM
ems work nicely.