Forums
View unanswered posts | View active topics It is currently Tue May 23, 2017 8:43 am



Reply to topic  [ 3 posts ] 
 PIE CSS conflict with Typekit on IE8 FIXED 
Author Message

Joined: Wed Dec 07, 2011 8:32 am
Posts: 3
Post PIE CSS conflict with Typekit on IE8 FIXED
I found it, i had a bug on a web, with IE8 and PIE, CSS3 render randomly when cache cleared and disapear if I reload.

look right here :
http://www.gdg.acolyte.ws/ - with typekit JS
http://www.gdg.acolyte.ws/pie.php - without typekit JS


Code:
nav ul li a{display:block; position:relative; z-index:0; background:#ffffff; color:#000; border-radius:5px 5px 5px 0px; box-shadow:0px 0px 8px 1px rgba(150,200,210,1); height:36px; padding:0 15px; line-height:36px; text-transform:uppercase; behavior: url(/js/PIE.htc);}


The render is perfect in IE7 but in IE8 nothing happen (and background is not rendered)

But if I remove the typekit* .JS file from my header everything render normally.

The best I can do it's to give you the path to this JS file (generated by typekit website and to a specific web domain and it's minimized...) http://use.typekit.com/pee6eea.js

i don't think I can do much more but if I find a trick I will post it right here asap.

*Typekit is a font web provider bought by Adobe, you include the JS, select the font you want, and boom!... brand new fonts !


Last edited by cstyves on Thu Jan 05, 2012 12:12 pm, edited 1 time in total.



Wed Dec 07, 2011 8:49 am
Profile

Joined: Wed Dec 07, 2011 8:32 am
Posts: 3
Post Re: PIE CSS conflict with Typekit on IE8 (PIE doesn't work)
Okay the only fix i found it's to force ONLY IE 8 render in IE 7 AND all new version of IE (9,10 etc.) will render on lastest compatibility mode.

with that meta tag...

Code:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,edge,10,9,chrome" />


If someone find a trick to fix IE8 just let me know.


Thu Dec 08, 2011 9:55 am
Profile

Joined: Wed Dec 07, 2011 8:32 am
Posts: 3
Post Re: PIE CSS conflict with Typekit on IE8 FIXED
There we go !

We finaly found a GOOD fix for typekit & IE8 conflict :

If we load the typekit on page load, (after PIE CSS has been loaded) everything work perfectly !

Here is the new JS code for loading typekit with PIE CSS

Code:
<script type="text/javascript" src="http://use.typekit.com/MYJSFILE.js"></script>
<script type="text/javascript">if ($.browser.msie && $.browser.version==8) { $(window).load(function() { try{Typekit.load();}catch(e){}}); } else { try{Typekit.load();}catch(e){} }</script>


The code only run on IE 8 (don't affect any other versions of IE or browsers) and add an On page load.


Thu Jan 05, 2012 10:59 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 3 posts ] 

Who is online

Users browsing this forum: Exabot [Bot] and 3 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.