Please look in the upper right hand corner of this screenshot. The lettering is only looking tiny like this in ONE version on IE 9 (V 9.0.8112.16421IC): http://i.imgur.com/G8Q1YY9.jpg This is how it's supposed to look (please view with any browser but IE 9): http://aenys.com/AE/test4.htm Does anyone have any idea why this is happening? I'm racking my brain, and I have to show this website to a client soon, who of course, uses that particular version of IE 9!!! Please note that the site is responsive. Thanks in advance for any insight on this!
Well, I would suspect that the fact you are using images for what should be text if you gave a flying purple fish about accessibility would be a significant contributor to the problem... but the endless pointless DIV, classes and ID's for nothing, presentational use of classes in a vague/meaningless fashion from some form of garbage layout framework I'm not recognizing, little if anything resembling a logical document structure or semantic layout, alongside the steaming pile of HTML 5 bloat with idiocy like that stupid malfing "Let's wrap six different HTML tags in IE conditionals" crap that Paul Irish came up with... Well, it just makes it very hard to even figure out how your layout should even look. Which is probably why I'm seeing five different appearances in five different browsers, NONE of which look like intentional design. A LOT of the elements in the layout don't even have any business in a responsive layout -- a likely contributor to the broken mess I'm seeing here. Hardly a shock it ends up 21k of markup to deliver less than 1k of plaintext and two dozen content images, easily two or even three times the markup that should be used on such a page. Of course that two-thirds those images are an inaccessible mess of pointless bloat that really has no business on a website in the first place... I'd throw it out and start over with semantic markup, separation of presentation from content, text for text, and progressive enhancement with an eye towards accessibility. There is little if anything I'd consider viable for a real website there. It reeks horrifically of just slicing up some garbage PSD, an approach to web design that is basically putting the cart before the horse resulting in broken, inaccessible bloated pages.
Thank you for your response, DS. It didn't solve the specific problem I mentioned, but it was an education. This page started as a responsive template, and I hired someone to adapt it to my client's needs (I readily admit I am not a web designer). If what you say has merit (and I'm thinking it does) he didn't do very well.
I couldn't even view the upper right corner until I edited the css. For some silly reason, horizontal scrolling is disabled. I do not run the browser maximized, and would run it even narrower than I do if it weren't for 'designers' who insist on not allowing it. body { color: white; font: 12px/20px Arial,Helvetica,sans-serif; overflow-x: hidden; /*Stupid, stupid, stupid*/ } Code (markup): I'll leave the fixed font size to ds's rant, but I agree with him. One other stupidity is using Meyer's global reset. See my comment, Global resets considered harmful for my reasons. If you hadn't indicated that the coding wasn't yours, I'd have been more tactful. ;-) But do listen to ds on accessible, UA agnostic coding. cheers, gary
OK kk5, thanks for your reply -- and I am very clear now that the coding sucks -- but does anyone know how I can FIX the issue I originally posted? I have to show this to a client in the morning.