Hi All, I've been coding up the template for my homepage, http://michael-nally.com, and I'm having compatibility issues. I coded all the HTML, CSS and a tiny snippet of JQuery and have been checking it in Firefox (where it works great). I know about issues with various versions of IE, but I always figured those problems would arise with more complex pages. The site is completely fudged in IE8, and the JQuery animation doesn't work in Safari 3.2.1. Any advice or good resources on setting up alternative style pages to accommodate these issues would be greatly appreciated. Also, I set all sizes in em and %. Could that be the problem? Cheers!
No. IE causes problems with all sites and all complexity levels. IE is inept at best. The worst browser on the planet by far. Whenever anyone talks about "cross browser compatibility" problems, they almost always mean, "It doesn't work in IE". Your problem arises because you have comments before the doctype. This puts IE into quirks mode and it won't attempt to perform like the other far more modern browsers. Remove everything before the doctype.
Haha, thanks for your honesty...I'm beginning to feel the same way! I was worried I had a complete re-write on my hands.
Just to follow up, do you know of a good guide on what to avoid with IE and how to write an alternate style sheet if necessary? I've been looking around but haven't come across any definitive articles. I feel like I'm shooting in the dark here... EDIT: Moving the comments below the DOCTYPE worked a charm, but any info on why my logo (n.jpg) didn't show up?? The background PNG has no issues. Damn IE... EDIT: I subbed in a PNG for the JPEG and that did the trick, although I have no clue why.