[Lautaro]

Im testing this site
http://metaforce.flashandasp.net

it works in the modern broswers that are compliant with the standards (chrome, FF 3, IE but breaks in IE7 and IE 6. I got the tip that i should do another set of CSS sheets for IE6 and that should also work in IE7.

This idea is ok. Just wanted to ask the more experienced designers.

1. Do you agree to this
2. Where can i find guides to designing for IE6
3. Are there any tutorials or guides for converting a modern day CSS to work with IE6?

Thanks everyone for your time!
Lautaro.

[MrBrightside]

Consistency
If done properly then your site should look the same in modern browsers, and at least similar in IE6 - except for the few known bugs.

Transparent PNGs
IE6 doesn't support 24-bit transparent PNGs. You can use supersleight, frankensleight or any of the other available png fixes to work that. Alternatively, you can create gif versions of those images, with a fixed background matte and apply them to IE6 only.

Box Model Bug
IE6 only again. This can normally be fixed by adding display:inline-block or display:inline to elements with double padding/margin.

IE7 Hacks
You shouldn't really need any. IE7 is pretty well behaved with CSS2. Anything that appears broken in IE7 you can normally fix in your normal stylesheet and will still work across all browsers. There's exceptions of course but that depends on your CSS.


From looking at your site, the biggest issue I can imagine you having is with the transparent png images. I normally use supersleight which does the job if you're not using sprites.

[Lautaro]

MrBrightside, on 06 May 2010 - 01:41 PM, said:

Consistency
If done properly then your site should look the same in modern browsers, and at least similar in IE6 - except for the few known bugs.

From looking at your site, the biggest issue I can imagine you having is with the transparent png images. I normally use supersleight which does the job if you're not using sprites.

THANKS FOR REPLYING!
Im eager to learn more about this as i realise alot is probably my fault for not being experienced enough in CSS.
I never heard of supersleight but will check it up now.
Actually the biggest problem is that alot of the divs are placed anywhere but where they should be, including underneath other divs! Any tips to what will fix that is appreciated.
Even more appreaciated is a more thorough explanation to what i have done wrong and how it should be done cause i am more eager to learn and understand then to just fix this sites problem.

Thanks again!!!