(Web) Design for IE7

[superklye]

Any other designer/developers here faced with fixing their IE6/FF hacks in order to accommodate IE7 now?

I have my own web design company and one of my clients came back to me asking for help getting his site up to snuff for IE7 since it has a completely revamped CSS rendering engine. Whereas for IE6, in order to design around it's various bugs and weird standards you could use something to the effect of:

#header{
...
}

html>body #header{
...
...
}

You were able to have two different styles for both IE6 (the first entry) and FF (the second entry) because IE6 didn't understand the html>body portion in front of the layer ID.

Now...IE7 understands that and it's using the FF styles which is screwing up its look.

I have a feeling this is going to be a pain in the ass trying to recode a third set of styles for IE7. Damn you MS!

[superklye]

w00t!

Found a new hack.

*:lang(en) #header{
...
}


IE7 doesn't understand :lang so it'll skip those while FF will still render them.

[superklye]

Sigh...IE can't read it, but neither can FF 2.0. I thought it was working fine because I refreshed the page in IE6, IE7 and FF 2.0 and it looked perfect in all three, but it turned out that FF was still going from the cached CSS that worked fine previously.

Anyway, I got around it all using a conditional:

<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="style_ie.css" />
<![endif]-->

And just separated the IE/FF styles into their own files. It's more work when/if changes need to happen, but it's better this way in the long run I s'pose.


And it works.

[lightman]

Originally Posted by superklye

Sigh...IE can't read it, but neither can FF 2.0. I thought it was working fine because I refreshed the page in IE6, IE7 and FF 2.0 and it looked perfect in all three, but it turned out that FF was still going from the cached CSS that worked fine previously.

Yep, FF has a tendency to cache almost everything...

I suggest installing this : http://chrispederick.com/work/webdeveloper/ ...

It's an amazing little extension...

[superklye]

Originally Posted by lightman

Yep, FF has a tendency to cache almost everything...

I suggest installing this : http://chrispederick.com/work/webdeveloper/ ...

It's an amazing little extension...

Nice...I haven't used that in over a year...I actually kind of forgot about it.

Thanks for the link!