Page 1 of 1

I HATE IE please help me.

Posted: Sun Jun 07, 2009 5:36 am
by rbroadwe
I just found out that my site doesn't display correctly in IE... last time I checked it did. I'm not sure what I did that messed it up but I've searched for the error extensively and I cant find it. I know this is a lot to ask, and if someone is willing to do it, you're seriously awesome: can you help me find the problem?

My site is http://www.thefixitfox.com. Check it out in firefox to see how its supposed to be displayed and then look at IE. The problem is on every page so I think its the CSS file.

Please help. Thanks everyone.

Re: I HATE IE please help me.

Posted: Sun Jun 07, 2009 7:55 am
by kaszu
Looked fine in IE7 and IE8, don't have IE6 here. Validate your page and see errors, footer <div> is not closed, there seems to be one more closing </div> before footer which is not needed there.

Re: I HATE IE please help me.

Posted: Sat Jun 13, 2009 9:24 pm
by JAB Creations
163 errors and 126 warnings...yeah ouch. Fix those first.

Then if you still have errors in how it's rendered in IE (and you should have it working correctly in Firefox, Opera, and Safari with valid code) then see my IECCSS tutorial (in my signature) to take advantage of the cascading aspect of cascading style sheets. This is the safest cure-fire way to get your page working as desired.

- Never design in IE by default. No matter how much you care don't, you'll come back to this issue.

- Test in Firefox, Opera, and Safari, they use different engines.

- Take advantage of application/xhtml+xml to make you aware of when the page breaks for local R&D (you're probably a ways from this if you have 163 errors).

- Validation errors multiple like rabbits...but you're unlikely to actually have to fix 163 errors, likely somewhere around 40-80 and this is subjective to your code.

- Once your code is valid and works in Gecko (Firefox, Camino, Flock, etc), Presto (Opera), and WebKit (Safari, Chrome, OmniWeb) then use conditional comments and a second style sheet as explained in my tutorial.

This is the absolute best way to approach it and I wouldn't do it any other way. :wink: