[WSG] Flexible Font sizes in tables in ie
hi guys, Another possibly silly question but I've done quite a bit of searching on this now and found nothing. I'm setting my font size at 0.8em in my body class. In firefox this works fine across the site, but in ie, the text inside my table cells appears larger. I've tried setting a font size to td but then it appears smaller in ff (as it should). I think if I set a base of 1em in the body it would solve my problems, but then I have to apply font size 75% to make everything the size I want it, and that would cause much the same problem as it cascades down and potentially end up with really mini fonts throughout the site... Now, is there a way that I can cater for both browsers here? ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Flexible Font sizes in tables in ie
There are no silly questions.
body, table {
font-size: 0.8em;
}
don't set the font-size as a % on your table declarations.
kind regards
Terrence Wood.
On 4 Oct 2005, at 10:03 PM, Kara O'Halloran - Eduka wrote:
I'm setting my font size at 0.8em in my body class.
I think if I set a base of 1em in the body it would solve my problems,
but then I have to apply font size 75% to make everything the size I
want it, and that would cause much the same problem as it cascades down
and potentially end up with really mini fonts throughout the site...
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Flexible Font sizes in tables in ie
Kara O'Halloran - Eduka wrote: I think if I set a base of 1em in the body it would solve my problems, but then I have to apply font size 75% to make everything the size I want it, and that would cause much the same problem as it cascades down and potentially end up with really mini fonts throughout the site... Now, is there a way that I can cater for both browsers here? You should at least start by setting the base in '%', to avoid a buggy IE/win. The rest can be '%' or 'em'. The exact value is your choice, but browsers have different 'tip-over' points for recalculating '%' and 'em' to 'px' which they have to make all font-sizes fit into. Experiment a bit to hit the middle ground down the cascade. You'll have to set font-size on td, for IE/win. Georg -- http://www.gunlaug.no ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Flexible Font sizes in tables in ie
Hi Kara,
Don't know if I'm coming in late on this one but here goes anyway.
I'd suggest using a font-size of either 100.01% in the body and adjusting
content text accordingly or 76.1% as a minimum font-size.
I normally do a global reset something like this:
/* global reset */
* {margin:0; padding:0}
body{text-align:center; font:100.01%/130% Verdana, Helvetica, sans-serif;
color:#000; background:#fff; width:760px; margin:0 auto;
overflow:-moz-scrollbars-vertical}
body * {text-align:left}
Using ems in the body element causes IE to behave erratically when resizing
fonts.
Using % fixes this issue.
Using 100% in the body element causes rounding issues in Opera.
Using 101% causes issue with Safari.
Further info:
http://www.websemantics.co.uk/tutorials/useful_css_snippets/#leveller
Hope it helps
Mike
Mike Foskett
Web Standards, Accessibility Testing Consultant
Communications
British Educational Communications and Technology Agency (Becta)
Milburn Hill Road, Science Park, Coventry CV4 7JJ
Email: [EMAIL PROTECTED]
Tel: 02476 416994 Ext 3342 [Tuesday - Thursday]
Fax: 02476 411410
http://www.becta.org.uk
-Original Message-
From: Kara O'Halloran - Eduka [mailto:[EMAIL PROTECTED]
Sent: 04 October 2005 10:03
To: wsg@webstandardsgroup.org
Subject: [WSG] Flexible Font sizes in tables in ie
hi guys,
Another possibly silly question but I've done quite a bit of searching on this
now and found nothing.
I'm setting my font size at 0.8em in my body class. In firefox this works fine
across the site, but in ie, the text inside my table cells appears larger.
I've tried setting a font size to td but then it appears smaller in ff (as it
should).
I think if I set a base of 1em in the body it would solve my problems, but then
I have to apply font size 75% to make everything the size I want it, and that
would cause much the same problem as it cascades down and potentially end up
with really mini fonts throughout the site...
Now, is there a way that I can cater for both browsers here?
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] Flexible Font sizes in tables in ie
You'll have to set font-size on td, for IE/win. Either way I still have the problem of the table cell text either appearing too large in ie, or too small in ff. Without resorting to setting text size in pixels in my table, I can't find any other way to prevent this from happening, I thought perhaps there might be a hack out there that will pass 0.8em to ie, but not to firefox? Thanks :) -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun Sent: Tuesday, 4 October 2005 5:25 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Flexible Font sizes in tables in ie Kara O'Halloran - Eduka wrote: I think if I set a base of 1em in the body it would solve my problems, but then I have to apply font size 75% to make everything the size I want it, and that would cause much the same problem as it cascades down and potentially end up with really mini fonts throughout the site... Now, is there a way that I can cater for both browsers here? You should at least start by setting the base in '%', to avoid a buggy IE/win. The rest can be '%' or 'em'. The exact value is your choice, but browsers have different 'tip-over' points for recalculating '%' and 'em' to 'px' which they have to make all font-sizes fit into. Experiment a bit to hit the middle ground down the cascade. You'll have to set font-size on td, for IE/win. Georg -- http://www.gunlaug.no ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Flexible Font sizes in tables in ie
G'day
Either way I still have the problem of the table cell text either appearing too
large in ie, or too small in ff.
Without resorting to setting text size in pixels in my table, I can't find any
other way to prevent this from happening, I thought perhaps there might be a
hack out there that will pass 0.8em to ie, but not to firefox?
Yes. Use something like this in your css:
* html table { font-size: .8em }
Only MSIE will use this rule. I'm not sure whether on a Mac has the same
problem (someone else may know), but if it does not have the same problem,
there are other hacks/filters to stop Mac IE from using the rule above.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Flexible Font sizes in tables in ie
On 5 Oct 2005, at 12:50 pm, Kara O'Halloran - Eduka wrote:
Either way I still have the problem of the table cell text either
appearing too large in ie, or too small in ff.
Without resorting to setting text size in pixels in my table, I can't
find any other way to prevent this from happening, I thought perhaps
there might be a hack out there that will pass 0.8em to ie, but not to
firefox?
The problem is the table element in IE that doesn't correctly inherits
the font-size.
What works for me:
body {font-size: 100%} /* or whatever you want, but in percentages */
table {font-size:1em;} /* makes sure the font-size is inherited in IE,
this has to be explicitly specified */
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] Flexible Font sizes in tables in ie
From: Kara O'Halloran - Eduka
Either way I still have the problem of the table cell text
either appearing too large in ie, or too small in ff.
Without resorting to setting text size in pixels in my table,
I can't find any other way to prevent this from happening, I
thought perhaps there might be a hack out there that will
pass 0.8em to ie, but not to firefox?
Kara,
Isn't this just a matter of doing something like:
body, td {font-size: whatever;}
--
Peter Williams
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] Flexible Font sizes in tables in ie
Thanks everyone for your help, I have a few resources to check out now and some things to try :) Much appreciated, Kara ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
