ansaurus

Question

Answer 1

+4 A:

Don't do this with JavaScript, do it with a conditional comment:

<!--[if IE 7]>
 ... some code only for IE 7
<![endif]-->

While you can't really alter your page structure in such conditional comments the canonical way to use them is simply to include an additional stylesheet with fixes in your <head>:

#footer {
   /* fixes here */
}

Joey 2009-12-09 13:59:46

ok let me update the question

Gandalf StormCrow 2009-12-09 14:01:37

+1 for mentioning CSS rules only for IE.

Boldewyn 2009-12-09 14:03:43

So you suggest following approach, attach another style sheet which will be read only if IE7 is the browser. Inside it I should have some class footerie7, and I should add this class to existing element. And all in all the footerie7 class will not have effect on other browsers except for IE7?

Gandalf StormCrow 2009-12-09 14:06:12

Boldewyn: I'd love other browsers having similar constructs. While not needed in an ideal world, the Gecko/Presto/WebKit world isn't ideal either and if something breaks in one of them you'll have to resort to pretty ugly tricks :/

Joey 2009-12-09 14:06:59

Exactly, if I may speak for Johannes. This is a well-proven way and is suggested as fix for IE's CSS bugs by dozens of CSS gurus.

Boldewyn 2009-12-09 14:08:34

Gandalf: Sorry, removed that part as it isn't necessary. The main point is: Include all your normal styles, then, as the last style you include make it the IE 7 fix stylesheet in which you can override whatever styles were set before. the additional class I mentioned isn't even necessary, sorry. (But a class without styles applied to it doesn't do anything, to answer your question).

Joey 2009-12-09 14:09:15

@Johannes: Me, too. Just the other day I looked for a 'conditional statement' for FF and all I could come up with was the `@-moz-document{}` @-rule and that's not the same.

Boldewyn 2009-12-09 14:11:05

hmm one more thing .. can comments be inside <style> tags?

Gandalf StormCrow 2009-12-09 14:20:56

No. Conditional comments are for use inside HTML. Within style tags you have CSS. There is no way of getting CCs inside of `<style>`. However, you can wrap CCs around `<style>`

Joey 2009-12-09 14:34:42

Well that is the main problem why I decided to use javascript instead of comments, cause I'm using jsp and everything is predefined in taglibs .. I can't just say I'll paste this here and it will be rendered, and plus I just pitched in to help so its really hard to get arround someone else's code (epsecially if that someone is not there to show you :) .. anymore suggestions?

Gandalf StormCrow 2009-12-09 14:39:04

Answer 2

+3 A:

<!--[if IE 7]>
<script type="text/javascript">IE7=true;</script>
<![endif]-->
<script type="text/javascript">
if (IE7) {
  /* do fancy error correction here... */
}
</script>

Another link about conditional comments.

Boldewyn 2009-12-09 14:01:10

ansaurus

tags:

views:

answers:

IE 7 condition with javascript

related questions