IE vs the rest

[Goofy]

My site looks good in IE. But when i check the site with for example Firefox it looks crappy.

Is there some kind of tool i can use to look for not-IE-compatible code?
I want my site to look nice in as many browsers as possible.

Grtz

[barco57]

Most designers design a website to the most compliant browser first.....Firefox.....and then add the css hacks for IE.

do you have a url?

[Ryk]

As Mike suggests, you should design in Firefox and then fix for IE, and to help you do that, there is an excellent module available here which allows you to easily utilise a separate stylesheet for IE or even different versions of IE.

This is one of those tiny improvements to ZC that saves hours and hours of time (like the Improved Attributes Controller).

[JohneeMac]

Until very recently i have been designing sites as far back as IE5.

On average out of my 20 or so sites i see less than 1% of users still using the horrible outdated browser they call Internet Explorer 5.

1% is a small enough figure to count them out of my target audience. It certainly saves a lot of time as IE5 renders very badly.

IE6 still has a huge hold of the market with IE7 increasing steadily.

As mentioned though its better to design your site in FireFox or Opera ( Fully compliant browsers) then work back from there into the versions of IE.

[Goofy]

Ok thx for input.

So the best for me is to start designing from Firefox/opera point of view and then use seperate stylesheets for IE?

Here s the site im talking about: http://www.specialmemories.nl/shop/

I m willing to learn so keep posting comments

[JohneeMac]

So the best for me is to start designing from Firefox/opera point of view and then use seperate stylesheets for IE?

Yeah thats exactly how you do it

[Goofy]

Yeah thats exactly how you do it

Ok, thx

Do you guys have some general css tips, i mean maybe some css code which always looks bad in firefox/opera and which you should better not use

[Kim]

...wouldn't life be grand if it was that easy. Each of the IE browsers has it's own quirks and there isn't a magic bullet.

[Goofy]

...wouldn't life be grand if it was that easy. Each of the IE browsers has it's own quirks and there isn't a magic bullet.

hehe ok thx im just a newbie..

[Ryk]

With the suggestion I made, other browsers completely ignore the IE specific stylesheet, but IE doesn't ignore the other stylesheets. So you create the site in Firefox THEN check through it in IE adding ONLY the solutions to the IE quirks.

You can even have something like:

#myclassid{position: relative; top: 20px;}

in the main stylesheet which will be acted on by all browsers and

#myclassid{position: relative;left: 10px;}

in the IE specific stylesheet so that in IE ONLY the element will have the horizontal adjustment as well