Hey everybody. I've designed a website (at http://www.johnpoliquin.com/lucid/ ) and although the CSS works great in Safari and Firefox, it is screwing up in IE. The IE version that I've looked at it on is older than 7 but common enough (all the computers at my university run it!) The main problems: My fonts named <H7>, <H8> & <A1> aren't working and are being read as the standard page font. I'm therefore losing the uppercase subheading and 2 of the alternate page link/rollover fonts that I really need. This is probably a rookie mistake but if anyone had any ideas you would make my day! Thanks hugely for you help. John
Exactly which version of IE are you viewing it in? Looks a bit weird in IE 5.5 (probably box-model problems), but headings look OK.
Looks like you need to validate your code. IE6 is probably a bit confused by 'A1' etc, as they are not actually defined elements at all. I'd use standard markup, making any css problems much easier to diagnose. I recommend this validation plugin for firefox: h*tp://users.skynet.be/mgueury/mozilla/
So I just checked and it's IE6 that is messing up. I did define it in the main.css file I thought. Am I doing something wrong? How do I use a standard markup? ***The page I'm using as an example is www.johnpoliquin.com/lucid/insidecharlie.html It uses main.css for its styling.