I came across a very neat, and immensely useful tool online today that converts fixed pixel sizes to their relative em size equivalents. The Em Calculator bases conversions on a specified base pixel conversion ratio, and provides you with immediate calculations for nested child and sibling nodes of the DOM tree. Big thanks to Piotr Petrus who has put this tool together.
Archives
- August 2010 (1)
- March 2010 (1)
- March 2009 (1)
- January 2009 (1)
- December 2008 (1)
- September 2008 (1)
- August 2008 (3)
- July 2008 (2)
- November 2007 (2)
- September 2007 (1)
- August 2007 (2)
- July 2007 (1)
- June 2007 (1)
- May 2007 (3)
- February 2007 (2)
- January 2007 (1)
- December 2006 (1)
- November 2006 (1)
- August 2006 (2)
- July 2006 (1)
- June 2006 (1)
- May 2006 (4)
- April 2006 (2)
- March 2006 (6)
Categories
- Amplify Eleven (1)
- browsers (6)
- conferences (3)
- Content Negotiation (1)
- CSS (6)
- Daily Life (1)
- developer tools (5)
- Firefox (4)
- Flash (1)
- Free Tools (1)
- HTML (2)
- IE7 (4)
- Illustrator (1)
- InDesign (1)
- MIME Types (1)
- MySQL (1)
- Photoshop (1)
- PHP (3)
- Rants (3)
- seo (1)
- Snippets (1)
- thought-after (16)
- wd06 (2)
- Web Directions (3)
- Web Patterns (1)
- WIPA (1)
- Wordpress (2)
- XHTML (1)
The unit of measurement is not the culprit in your differences between IE and Firefox. The most likely cause is differences in the box model used by the two browsers, which defines the position and relationships between padding and margins of elements.
Applying a CSS global reset is a good place to start as it levels the playing field for all browsers. You can then apply your own styling to individual elements in a way that should be interpreted by browsers in the same way.
I’m having a hard time figuring out how to make my websites look good on all browsers… I’ve found I can make them look good either on firefox or IE 6 but not both… is using ems the secret? I’ve been designing my sites using absolute positioning and pixels on dreamweaver. I find it a bit frustrating because it seems like things are never how they look in dreamweaver.