PIE breaks if associated with respondjs and media queries #243

Open
danbruegge opened this Issue Sep 21, 2012 · 7 comments

Comments

Projects
None yet
7 participants

For Internet Explorer i use respondjs to get media queries to work, but this breaks the PIE.htc.

If i remove respondjs from source than PIE.htc will work.

rphair commented Oct 16, 2012

I've isolated this problem as well. See comments on PIE forum: http://css3pie.com/forum/viewtopic.php?f=3&t=1815

PIE parses some styles, respond.js parses some styles too... I think this is where they come into a conflict.

I also had this issue, but now everything is fine. Do not know exactly what solved the problem, but I have media-queries in the main css file and all PIE-related declarations in old IEs css file only. Maybe this could help.

radyz commented Mar 4, 2013

I was having the same issue, what did solve it though was loading PIE (v1.0.0) through modernizr.load (v2.6.2) and right after that load respond.js (v1.1.0) within an IE conditional. I don't really know why though...

trinzia commented Apr 16, 2013

I can't load it in a media query at all. Is that a known issue? At 41k plus an HTTP request, I only wanted to load it for screen > 1028.

gmtc commented Jul 12, 2013

@radyz:
You wrote you solved the issue with using PIE from modernizr 2.6.2 and then loading respond.js 1.1.0
I tried that but PIE doesn't work.

HTML:

<script src="modernizr.custom.42943.js"></script> <script src="Respond-master/respond.src.js"></script>

CSS:
#main
{
width:980px;
min-height:550px;
position:relative;
background-image:url(../img/bg.png);
background-repeat:repeat-y;
border: 0px solid #000;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(PIE.htc);
}

Would you (or someone else) PLEASE tell me what I made wrong?
PIE works only without respond.js + Media Queries.

If I cant solve it, my last option is to make png's instead of PIE.

Thanks for every answer,
kind regards

I had the same issue and solved it by switching from PIE.htc to PIE.js. See http://css3pie.com/documentation/pie-js/

gmtc commented Dec 5, 2014

Thank you seangrieve, I will try that in my next project!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment