Problem:
Thanks for taking the time to read this. I’m having a problem which I need to solve as simple as possible. There’s a website I’m re-developing, but since I updated to IE8, I’ve totaly forgotten about IE7, but ofcourse, there are still people using it.
I need to know what specific things I should change for this site to display the same way as it does in IE8. But I don’t know where to start. Is there anyone with experience in this, who can give me a guideline? Are there scripts for doing so?
URL: http://www.testsite.c-tz.nl/
If you view this with IE8 it looks perfect.
But if you view it with IE7, things are not where they supposed to be, very ugly.
As the other said, your question is to broad. You’ll need to break it down in smaller problems – which will possibly help you solve it yourself along the way.
One thing I did notice: IE has problems with
display: inline-blockon elements, which were orignallyblockelements. Either usespan(only possible if it doesn’t contain block elements), or use another method to places blocks side by side such as float.BTW, you have far too many
divs in your HTML. It’s not necessary to wrap everyimg, everyul, etc. in it’s owndiv. Usually any styles you apply to thedivcan just as well be applied you the “wrapped” element directly.