On Sunday 27 July 2008 08:41:04 Hayden's Harness Attachment wrote:
> At http://www.choroideremia.org/new/crf_header.php I have three buttons.
> The first is "Decrease font size" the second is ?Default font size". And
> the third is "Increase font size:. Firefox 3.0.1 shows them in 15 point
> Arial font which I would say is good to default to. However, IE7 will show
> the in 21 point Arial. I would say IE7's font choice is to large. How do I
> get Fire fox and IE to both display 15 point Arial?
>
> Angus MacKinnon
> Infoforce Services
> http://www.infoforce-services.com
>
> "Faith is the strength by which a shattered world shall emerge into
> the light." - Helen Keller
>
Hi
I looked at your CSS and can't see any" point" font sizes, only %age sizes
(which is ok in itself) - so can't really relate what you mention above to
what I'm seeing. Remember "pts" are for print stylesheets.
There are also some problems with your page - whitespace above the doctype
will cause IE to barf out into quirks mode. The medium and large switcheroo
things don't seem to be linked properly. When I hit the links in FF3.01 the
font size doesn't change.
I can give you some advice on stylesheet switching though.. instead of
refreshing the whole page with unnecessary server load and adding in a
stylesheet based on a url, try switch the id of the body tag. This assumes you
know how to and can apply an event listener to an element using a JS library
of some description.
[pseudocode]
//html
<span id="font_large">increase</span>
//js
foo.attachEventListener(
foo.get('font_large'),//element
'click',//event
function() {
//get the 'body' element somehow
body.setAttribute('id', 'large');
//store change in a cookie so it can propagate across pages
}
//css
body {
font-size : 100%;
/* other generic styles */
}
body#large {
font-size : 120%;
}
body#small {
font-size : 80%;
}
[/pseudocode]
You could also implement and increase,decrease handler and apply body font-
size in increment/decrements
HTH
J
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
