8 replies [Last post]
DCElliott
DCElliott's picture
Offline
Leader
Halifax, Canada
Last seen: 3 years 37 weeks ago
Halifax, Canada
Timezone: GMT-3
Joined: 2004-03-22
Posts: 828
Points: 0

I have been revamping an old (2 1/2 yr) site I had done to provide a link-farm of health and health-care policy resources. When there are a lot of links in a category I use alphabetic headings and an index of links downpage.

Currently I have an .alpha_head style for the anchors which is told to give a 2em font size. Firefox takes the style as expected but IE 5.5 remains stuck on the default body text-size.

I have tried various means to try to get the style to "take" in IE but to no avail. I'm sure it is something small that is tripping me up but for the life of me I can't see it.

Crying Its not very often I come begging for help, but this one has me knackered.

Page url: http://www.gov.ns.ca/health/policywatch/acu.html
CSS url: http://www.gov.ns.ca/health/policywatch/base.css

Many thanks

DE

David Elliott

Before you ask
LearnXHTML|CSS
ValidateHTML|CSS

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

IE 5.5 resistant to font-size styling

DE, I'm not sure if it's any help at all but I noticed a small typo in the embeded inline style for #middle a.alpha_head where there is a colon after the font size instead of a semi-colon. I'm not sure if that is tripping up IE5+ or not ? otherwise I'm sure that all the suggestions as to order of selectors that I could make have been tried by yourself.
I can see that's it's one of those frustrating time wasters, wish I could help further!

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 20 min 46 sec ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9775
Points: 3857

IE 5.5 resistant to font-size styling

I have no IE5.x, so I can't check anything there for you. You know, I'm sure, that IE6 has the right font-size, and no :hover effect.

Some things:


  • The html contains a number of unescaped &s;
  • There is at least one missing quote;
  • There is an all cap attribute;
  • Can't validate the css at W3C since xml doc has errors;
  • Is underscore an allowed character in class/id names?

Don't know that any of those could be causing the problem, but fixing them would be a Good Thing.

To be more semantically kosher, shouldn't the link be wrapped in a header tag? Might that not make IE5 well?

And there you have everything I could spot.

cheers,

gary

[/]

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

DCElliott
DCElliott's picture
Offline
Leader
Halifax, Canada
Last seen: 3 years 37 weeks ago
Halifax, Canada
Timezone: GMT-3
Joined: 2004-03-22
Posts: 828
Points: 0

IE 5.5 resistant to font-size styling

Thanks for the tips, folks.

Hugo - the inline was placed in desperation (error and all) - nothing seems to affect the font size.

Good catch on the underscore - it had previously been a hyphen but I was trying different permutations and combinations.

I have to write a regex to replace those pesky '&'s and do a JS to open the pages in a new window without the use of a target attribute. As for some of the other XHTML errors, I am not the only one who maintains this site so I can point the finger elsewhere. heh.

I'll keep you posted.

DE

David Elliott

Before you ask
LearnXHTML|CSS
ValidateHTML|CSS

DCElliott
DCElliott's picture
Offline
Leader
Halifax, Canada
Last seen: 3 years 37 weeks ago
Halifax, Canada
Timezone: GMT-3
Joined: 2004-03-22
Posts: 828
Points: 0

IE 5.5 resistant to font-size styling

OK
For: http://www.gov.ns.ca/health/policywatch/acu.htm the XHTML should now validate and the CSS will mostly validate. I am targeting the offending class with all the specificity I can using: * html #middle a.alpha-head and I can change other properties in the property block and have them "take" in IE5.5 but not the bloody font-size!

I've Googled this problem but can't get any bites. Any of you CSS boffins want to take a second look?

DE

David Elliott

Before you ask
LearnXHTML|CSS
ValidateHTML|CSS

TimeBandit
Offline
Enthusiast
Maryland, USA
Last seen: 16 years 21 weeks ago
Maryland, USA
Joined: 2004-09-02
Posts: 112
Points: 0

IE 5.5 resistant to font-size styling

Those letters seem about the same size to me in IE6, IE5.5 and Mozilla. The space ABOVE and BELOW those letters is not the same as in Mozilla, but I don't see the font-size being the issue. It looks like a padding or margin issue inside the A tag, but that's just first glance...

DCElliott
DCElliott's picture
Offline
Leader
Halifax, Canada
Last seen: 3 years 37 weeks ago
Halifax, Canada
Timezone: GMT-3
Joined: 2004-03-22
Posts: 828
Points: 0

IE 5.5 resistant to font-size styling

OK, this is just too weird.

I use IE5.5 at work (corporate standard - go figure :? )
I also have IE5.5 at home using the multi IE version trick. At home the IE5.5 font-size is rendered as specified in the CSS, at work IE5.5 the font-size won't take the style (and yes, I flushed the browser cache and all that). I'll have to do some screenies so you can tell what I am babbling about.

DE

David Elliott

Before you ask
LearnXHTML|CSS
ValidateHTML|CSS

rck
Offline
Enthusiast
Last seen: 13 years 49 weeks ago
Joined: 2004-09-26
Posts: 75
Points: 0

Re: IE 5.5 resistant to font-size styling

DCElliott wrote:
Currently I have an .alpha_head style for the anchors which is told to give a 2em font size. Firefox takes the style as expected but IE 5.5 remains stuck on the default body text-size.

in IE 5 and 6, it looks exactly the same to me. In IE 5.5, some padding seems to be missing. Between header and the "A with border".

Also, the orange buttons look somehow... small. the bevel is gone, the font is smaller, the padding is gone.

In Firefox, the padding between the what's new and the center column is bigger than in all IEs.

Is that what you are writing about?

Update: Another thing I've noticed. If I move across the "navigator" (the right column), the top/bottom paddings shift somehow. In all three instances of IE, not in Firefox.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

IE 5.5 resistant to font-size styling

DE, I have found the same as timebandit I've cut and pasted the code and can find no problem with the font sizing.
I commented out the star selector hack, embedded the styles in the head, moved them back, played around with the order, changed alpha-head to alphahead but the font size seems to hold true??
This is on a full install of IE 5.50 .4807.2300 SP2 .

One thing you may want to be careful with the use of, is combined classes as in ;
class="button up" as from what I can remember IE5 has trouble with the use of them; although it does appear to be causing no problems?

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me