Its been 6 months since I am working on this project and just when I thought I am done with it, I realize that I have been using Pixels in my stylesheets all the while and this doesn’t support the browser based “text size” settings (Internet Explorer). So, when the user changes the ‘text size’ settings, the font size of the applications doesn’t change. For this to work, all pixels now have to be modified to ‘em’ unit.
Em is considered to be a more effective way of representing layouts as it is relative to the body text/font size. This ensures that the aspect ratio of the layout is maintained even when the dimensions of the text changes (browser settings).
For me however, looking at the size and the number of the CSS files I had, this was a daunting task. A quick Google search showed a good number of articles on how to convert pixels to em, but all of them were mere number converters. I still would have to convert each pixel into em manually. I never had the patience to do that and therefore I wrote a small utility script that takes a CSS dump and converts all pixel values to em. The online version of this is available at pixel2em.kleptomac.com pixelconverter.kleptomac.com (An updated version of the tool is available now. Please refer to pixel converter post). I hope you will find it useful.
pixel2em
[...] Pixel to EM converter [...]