Solved

Convert ems to pixels

Posted on 2006-07-19
5
2,730 Views
Last Modified: 2012-06-22
Hi folks,

How does one convert em to pixel?  I just inherited a site where EVERYTHING (down to the div widths) is specified in em and I have no frame of reference.  
0
Comment
Question by:Jason C. Levine
  • 2
  • 2
5 Comments
 
LVL 5

Accepted Solution

by:
koolie earned 125 total points
ID: 17141378
em's are based on how the user has there font size configured.  Since most dont even know about this, you can generally assume that the default is what they use.

Here is a good site that gives you approximations on what is correct.

http://www.reeddesign.co.uk/test/points-pixels.html

em's are an ideal way to design since it is relative, but a little tough if you get thrown right into it.  Good luck.
0
 
LVL 3

Assisted Solution

by:jeaton32
jeaton32 earned 125 total points
ID: 17141394
Hi jason1178,

FAQTs.com
http://www.faqts.com/knowledge_base/view.phtml/aid/19491



Hope this helps!

Josh
0
 
LVL 70

Author Comment

by:Jason C. Levine
ID: 17141434
Hi koolie, Josh,

Thanks for the links.  The first one generalizes 1em = 12px and the second provides a mathematical formula that produces a variable result based on the user.

If I just wanted to blow the ems completely out of the document and replace with px, which resource should I use?
0
 
LVL 3

Expert Comment

by:jeaton32
ID: 17141789
Unless you can create a program to parse your HTML file and convert all the ems to px, then I do not know of a better way besides doing a find-replace and manually entering in your conversions. I'm sorry I do not know enough to code a program that will do this.

I've looked and can't find anything that will do this automatically for you, hopefully someone else can find or code something.
0
 
LVL 70

Author Comment

by:Jason C. Levine
ID: 17142009
Okay, thanks guys.  I have enough info to go from here.

Points split as you both posted valid solutions within 3 minutes of each other.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question