Fixed-size text in Firefox

liunx

Guest
I'm talking about a menu which you can see in action at:
<!-- m --><a class="postlink" href="http://beawinner.hotusa.org">http://beawinner.hotusa.org</a><!-- m -->

When I say "text-size:12px;" I mean 12px.
IE gets the idea, but Firefox still allows the viewer to resize the text!
I mean, if I wanted the text to be fluid, I'd have said 100%!
How do I keep this browser from ruining my layout?

Actually, I would love to have fluid text if there was a code to tell
the browser to stretch the background picture so as fill the entire element,
rather than tile it. Which as far as I know, there isn't. So I'm stuck with a fixed-size
element, therefore I need fixed size text.

BTW, how is this for CSS3: background-size:100% 100%; ?Pixels are actually relative units when used in fonts (this is in the CSS2 specification, in fact). Firefox is actually doing what the W3C recommends, while Internet Explorer is truly the one at fault. However, with a font the size I see, I doubt any users would increase their font size anymore, since it's a very comfortable and easy to read size.I guess you could try making that rule important.I see... well, if that's what the standard says, it's good firefox does it. but still, it's a bit silly that there's so many units to choose from and all are relative.That is part of accessibility.
Design your site so that it does not fall apart when the font size is changed.
 
Back
Top