Solved

Convert ems to pixels

Posted on 2006-07-19
5
2,722 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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

758 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now