Looks great in every browser except IE. It doesn’t look terrible in IE, but definitely not as clean. I made the mistake of using some webkit css.
What’s the best solution to "pretty up" the IE version? It’s flat html, no php or anything. Is there a way to call a different style sheet if the browser is IE?
Basically, these are the only css elements that got screwed up in IE…
-moz-box-shadow: 0 0 6px #c6c6c6;
-webkit-box-shadow: 0 0 6px #c6c6c6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px 4px 4px 4px;
Throw this in your header and edit what you need to in that file for IE specific CSS:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
For box shadows:
For corners:
Can’t vouch for the box shadows link but if they’re really necessary it’s better than doing it with filters and shit..
|
For box shadows:
For corners: Can’t vouch for the box shadows link but if they’re really necessary it’s better than doing it with filters and shit.. |
And the problem is, that for general users, they just use IE because they don’t know any better.
"Hey let me just click that there "E" and I can surf the interwebs!"
I also learned that our CEO must have his screen res set to 800×600, because he found a bug and I could only reproduce the overlap of a div when I shrunk the screen down to 800×600
.
.