www.rawathletics.com My website is having font size (and maybe other) compatibility issues when viewed in IE7 on Windows XP. What's the easiest way to fix this?
Well, it has font size issues here in Opera on Windows 7 -- probably because you declared dynamic fonts (%/em) inside a fixed layout (px). Fixed layouts with massive static backgrounds and fixed heights that don't expand to let your content flow automatically are most always broken rubbish from an accessibility standpoint. What you have is yet another of the classic "but I can do it in photoshop" bits of inaccessible design... since no matter how pretty it is, it's uselessly large for a netbook, uselessly small for desktops, breaks whenever and wherever users have a different default font size, and on the whole results in a laundry list of how not to build a website. Which is borne out by looking under the hood -- HTML 5 nonsense doctype on what for all intents and purposes is poorly written HTML 3.2 (proving what I keep saying about HTML 5 being for the people who until recently were slapping 4 tranny on their 3.2), presentational images in the markup, whole slew of pointless javascript bloat on a page that from what I can tell is either not working, or doesn't need it, pointless wrapping div around perfectly good semantic tags, comment placements that could be tripping rendering bugs in IE, nonsensical heading orders (I very much doubt that "about us" is supposed to be a subsection of the "Got smelly gear" section), tags and attributes (like target) that have no business on any website written after 1998, etc, etc, etc... ... and that's before we even talk the massive "too big for real world deployment" image files. You've got a not viable for web deployment if you care about accessibility layout, mated to poorly formed markup, with javascript for nothing... My advice, throw it out and start over, there's nothing worth even trying to salvage from that in terms of accessibility, sustainability or maintainability. (It's all about one's abilities).