Hi ,
Yeah, your never going to get an exact match through the browsers using
ems, you kind of have to let go of pixel perfect design and aim your
design as a flexible interpretation of your css. This approach will also
mean your design will cope with users setting larger (or smaller) text
sizes in their browser (or you could add this feature into your site
yourself).
When you start using ems you cannot give and exact height or width for
your text (it will change across browsers), but you can ensure that there
is a constant ratio between your elements on all browsers. ie your <h1>'s
are ALWAYS 2x the size of your <p>'s.
Another thing that may crop up is that Firefox has absolute s***house
rounding when calculating em sizes, so you will need to keep a careful eye
on any borders that are declared on objects sized with ems. quite often it
will round the border size to 0, and not display a border :-(
Kind Regards,
Kane Tapping
Web Standards Developer
Web and Content Management Services
Griffith University. 4111. Australia.
[EMAIL PROTECTED]
Phone: +61 (0)7 3735 7630
"Sagnik Dey" <[EMAIL PROTECTED]>
Sent by: [EMAIL PROTECTED]
25/05/2007 04:02 PM
Please respond to
wsg@webstandardsgroup.org
To
wsg@webstandardsgroup.org
cc
Subject
Re: [WSG] Converting font size from pt to % or em
Thnx for the suggestion..but i need to define the font size in the body
itself....
I've defined 75% which works well in IE6..but it appears smaller in
IE6....
-Sagnik
On 5/25/07, Kane Tapping <[EMAIL PROTECTED]> wrote:
Hi ,
Setting the body to font size to 65% - 70% is a good start. this averages
out the differences between the browsers,
body { font-size: 70%;}
>From then on set your font sizes in ems.
h1 { font-size: 1.8em;}
And keep in mind that changes to the em size will cascade through
container objects.
Kind Regards,
Kane Tapping
Web Standards Developer
Web and Content Management Services
Griffith University. 4111. Australia.
[EMAIL PROTECTED]
Phone: +61 (0)7 3735 7630
"Sagnik Dey" <[EMAIL PROTECTED]>
Sent by: [EMAIL PROTECTED]
25/05/2007 03:18 PM
Please respond to
wsg@webstandardsgroup.org
To
wsg@webstandardsgroup.org
cc
Subject
[WSG] Converting font size from pt to % or em
Hi Guys,
I'm developing a website that have some standards defined. The font size
specified is 9pt. But due to accessibility standards I wanted to convert
that in % or em. Can anybody tell what do i need to use to view the same
size in different browsers?
--
:: Sagnik ::
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
--
:: Sagnik ::
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
