Topic: Site Sucks in IE but not Firefox or Safari

Why does my site look crappy in IE but fine in Safari and Firefox?

http://www.main.contrastandcompare.com

Re: Site Sucks in IE but not Firefox or Safari

because IE is a monstrosity. IE6 and earlier are not standards compliant at all. They are terrible browsers. IE7 is a big improvement but still behind the other browsers in compliance.

here, check this chart out smile

http://static.flickr.com/60/172883694_4f72df1a70.jpg

Re: Site Sucks in IE but not Firefox or Safari

I was hoping for an answer like that.
Thank You!
I love the chart and was going to bitch just about IE, but I wanted to make sure it wasn't just me before I did.
smile

Re: Site Sucks in IE but not Firefox or Safari

Hey mate,

You may want to check that the CSS properties you're using are compatible with IE.

Also, I recommend reading the following post for improving your page's load time because right now it's ridiculous.

Post: http://www.swieckiblog.com/2006/12/loading-times/

heres the graph from the web page speed analyzer:

Connection Rate    Download Time
14.4K             442.57 seconds
28.8K             221.48 seconds
33.6K             189.90 seconds
56K             114.10 seconds
ISDN 128K     35.22 seconds
T1 1.44Mbps     3.42 seconds

Re: Site Sucks in IE but not Firefox or Safari

Hey, thanks for that info and using your first post to help somebody out.

smile

Re: Site Sucks in IE but not Firefox or Safari

http://brainspl.at/articles/2006/12/29/ … page-loads

This is a guide I just found searching around if anyone needs it.

Re: Site Sucks in IE but not Firefox or Safari

I develop CSS / XHTML pages on a Mac but all my layouts have to work on safari, Firefox and IE 6 and now 7. It is becoming a nightmare.

A few tips :

1. IE adds padding to widths to if you have a areas with a width of  100px, padding of 5 either side and a 1px border IE sees the total width as 112 pixels where as FF and Safari see it as a 100px.

2. If you are putting tables inside a div container wrap your table inside a dive with a width of 100% like this <div style="100%"><table></table></table> I needs something to push widths agains.

3. The recommended way to handle your multi broswer problem is to have a style sheet for IE 6 and a style sheet for PROPER broswers like FF, Safari and IE 7 . Check out recommendations in this tutorial, http://www.thinkvitamin.com/features/cs … ss-hacking    As you will see IE 7 doesnt like the old *html body hack so best to use a separate style sheet.