Hello Neerav,
You can even use "em" unit for your element dimensions too. So all your
layout can zoom in/out too.
The easy way I know is to define what 1em is by telling first in pixels :

html {
        font-size: 10px !important; /* understood and respected by browsers
except for IE that will take the last identical attribute */
        font-size: x-small; /* IE equivalent for 10px */
}

And then tell the next element to appear in your code :

body {
        font-size: 1em; 
}

And then, if you want a div to be 200 by 345 pixels :

div {
        width: 20em;
        height: 34.5em; 
}

Or in case only height should be "zoomable"

div {
        width: 200px;
        height: 34.5em; 
}

So now when you use "text size / increase (zoom), all your element will zoom
too.
Hope it helps


Hugues Brunelle
Concepteur graphique
 
//////////////////////////////
ECHO tridimension
2139 rue Masson
Montréal QC  H2H 1A8
 
1-(514)5211360
[EMAIL PROTECTED]


-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Neerav
Sent: April 14, 2005 03:21
To: WSG
Subject: [WSG] Fixed pixel fontsize -> resizable font size

Hi all

Im doing a bit of pro bono work at the moment and not having ever used fixed
font sizes, was wondering if there are any percentage or em equivalents or
formulas to convert from:

FONT-SIZE: 11px;
FONT-SIZE: 22px;
FONT-SIZE: 10px;
FONT-SIZE: 14px;
FONT-SIZE: 16px;
etc

to more accessible font size units

--
Neerav Bhatt
http://www.bhatt.id.au

Need a Sydney based web standards contractor? You need my services.
Recent projects for Glassonion, Freshweb, Cogentis, Ceneka ...

http://www.bhatt.id.au/blog/ - Ramblings Thoughts
http://bookcrossing.com/referral/neerav
******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to