Conflicting HTML5 trunk + CSS3 Media Queries + Slider

[team_NOOB]

Hi all,

Has anyone run into any troubles declaring if statements for html5 and css3 media queries for anything <IE9?

I.e.

<!--[if lt IE 9]>
<script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="https://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->[/CODE]

All I have in the header is:

[CODE]
<link href="css/master.css" rel="stylesheet" type="text/css"/>
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700|Economica:400,700' rel='stylesheet' type='text/css'/>
<link href="css/media-queries.css" rel="stylesheet" type="text/css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.bxSlider.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('#slider1').bxSlider({
auto: true,
autoControls: true
});
});
</script>
[/CODE]

And it's crashing IE7 and IE8 - like the page won't load and IE literally crashes.

Let me know if you need some more info about the issue or markup.

Thanks,

Ben

[Seahorsepip Veteran]

html5 is not working on <ie9 and css mediaqueries is also nto working on <ie9...

[team_NOOB]

  On 15/03/2012 at 16:16, Seahorsepip said:

html5 is not working on <ie9 and css mediaqueries is also nto working on <ie9...

What? What do you mean? Are you confirming that you are getting the same error as me or are you saying that HTML5 and CSS3 Media Queries don't work in <IE9? If you are saying the latter please see link below which explains those two js files I have.

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

[Seahorsepip Veteran]

Ah didn't saw you sued js files, my bad...

Tried removing and adding the js and css files one by one to see whats giving the problem?

btw get rid of the html5 js, it's unneeded, a good css reset will do too and doesn't require js ;)

[DeathLace]

  On 16/03/2012 at 15:42, Seahorsepip said:

btw get rid of the html5 js, it's unneeded, a good css reset will do too and doesn't require js ;)

That JS is so IE7/8 recognize HTML5 tags...

[Seahorsepip Veteran]

  On 18/03/2012 at 15:30, DeathLace said:

That JS is so IE7/8 recognize HTML5 tags...

really?? sigh seriously I know that...BUT thats just unneeded for IE7/8, a good css reset will do teh same faster without js (google css reset)

[The_Decryptor Veteran]

  On 18/03/2012 at 16:03, Seahorsepip said:

really?? sigh seriously I know that...BUT thats just unneeded for IE7/8, a good css reset will do teh same faster without js (google css reset)

No, the IE HTML parser will refuse to create unknown tags in the DOM unless they're created through JS. CSS won't help when the elements aren't even in the DOM.