Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

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