• 0

Conflicting HTML5 trunk + CSS3 Media Queries + Slider


Question

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

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

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

Link to comment
Share on other sites

  • 0

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 ;)

Link to comment
Share on other sites

  • 0

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)

Link to comment
Share on other sites

  • 0

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.

Link to comment
Share on other sites

This topic is now closed to further replies.