This is my site: http://lab.gezerweb.com/Resturant/

It works great for some reason in internet explorer (10 at least) it's loading like an iphone...

Any suggestion?

Thanks.

Looks like if ie browser your adding the class safe mode to html

Thanks Web Guru, but where do you see that?

This line in your main js

 

safeMod = safeMod || !Modernizr.csstransforms || !Modernizr.csstransforms3d || $(window).width() < 960 || $.browser.msie ;

try removing $ browser msie

 

You could try replacing it with

safeMod = safeMod || !Modernizr.csstransforms || !Modernizr.csstransforms3d || $(window).width() < 960 || $.browser.msie && parseInt($.browser.version) < 9 ;

that will make it add the safe-mode class if lower than ie9

It does fix the problem of loading as iphone, but then the site loads funny when you open floder...

 

Look: http://lab.gezerweb.com/Resturant/#/home

Ie doesn't support preserve 3d

 

I'll try and put together a work around

Not doing too well with this(I guess that why they added the class for IE), give this a try its in the book.css

 

.rm-container .rm-front,
.rm-container .rm-back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	
}
/*ie*/
.rm-open .rm-front,
.rm-open .rm-back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	
}



html:not(.safe-mod) .rm-container .rm-back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	
	
}
/*ie*/
html:not(.safe-mod) .rm-open .rm-back {z-index:1000;transition:all 6s;}

Wow, Thanks so much for the effort! it's working great (of course not as smooth as chrome, but surely god enough!), I really appreciate it! Thanks so much!