Owl Carousel works on every browser except anything below IE11. It even works on IE Edge. Any help is truly appreciated.
The site is HERE.
For anyone who is curious, I fixed it by downloading the files rather than using the CDN.
For anyone else interested, if you remove the 'navigation' arrows, it should start working with the dreaded IE11
Related
The animation on this MDN page works in Chrome, but not in IE10.
https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onanimationend
I am asking because my own animation (much more complicated) works fine in Chrome but not in IE10. Thanks for any help.
After some more research, I kinda-sorta know the answer.
My code fails because when I write a replacement style sheet using the techniques described in the mdn article below, it works in Chrome but not in IE10. When I don't rewrite the style sheet, but use the one I started out with, it works.
https://www.w3.org/wiki/Dynamic_style_-_manipulating_CSS_with_JavaScript
The "Accessing style sheets" section.
I'd still like to know why IE10 behaves this way.
If anyone have some ideas about this will be nice to hear some.
I did have done a Responsive Website which works pretty well with IE, Firefox and Chrome.
But when i browse it with Safari (same with all the version), it seams that Safari catch the MOBILE media query instead of the one i define.
Check it out : www.lpfilmfest.org
Any help would be appreciate.
Thanks in advance
In your stylesheet, main.css, the first 2 media queries are each missing their closing curly-brace. This is causing them to nest and be misinterpreted by Safari. In the formatted CSS:
after line 980 add, }
and after line 1227 add, }
It's the first time that I meet such a problem with transitions.
None of them is working on Safari, although they work perfectly fine in firefox and chrome.
http://www.custom-design.ch/_stack/predentec/
I used compass transition mixins, as I always do, so there really shouldn't any problem.
Do you have any idea or track to follow?
Thank you in advance for your help!
Hum, I found the source of the problem, where it absolutely wasn't expected.
This was due to the new version of livereload (2.3.27), that makes apparently different results while exporting CSS code.
I then downgraded to v.2.3.20, and everything was ok, as it has always been!
I wrote to the support of both Livereload and compass to see where the problem comes, but without any answer for now.
When embedding html inside of SVG using the foreignObject tag, webkit based browsers render the backgrounds of the embedded html elements behind the svg elements. See http://code.google.com/p/chromium/issues/detail?id=35545 .
Here's an example : http://www.mxgraph.com/demo/markup/webkitbg.html
The green div should be on top of the red.
Does anyone know of a workaround for this issue? Maybe some incantation of z-index and/or grouping of elements or something in svg to fool webkit into doing the right thing?
This is webkit bug 58417, fixed on 2011-11-10. The fix is in Chromium version 17, which is currently in beta as of 2012-01-09, and should be released in early February. Not sure when the fix will land in Safari, but luckily I don't need to support it.
So the workaround seems to be "wait a month"...
I've just been hit by the same issue. Even though the bug is fixed since a long time in Chrome, Safari seems to be ages behind with the codebase.
My solution is to add style="display:inline-block" to the first child of the foreignObject tag. This seems to fix the problem.
I am using VS 2008. I like the feature maintainscrollpositiononpostback. It works fine with IE 8. But it does not work consistently with Firefox. Sometimes, instead the line I click on goes to the bottom of the page. The field I am trying to refresh is with a div tag with overflow set to auto. Also I have several update panels with updatemode set to conditional. This means only the panel affected should be refreshed. This is also not working in the case on Firefox.
I have searched the web for possible solutions but none of them work for me.
Most of my users use Firefox so this is a problem for me.
Thanks in advance,
Bob
scrollsaver to the rescue?
http://en.hasheminezhad.com/scrollsaver
I found this little js file a few weeks ago after implementing Post/Redirect/Get on a few of my pages. It may enable you to turn off maintain on your pages if you throw it in the master. I haven't fully tested it with ff4/5 or chrome...
Edit the Browser Capabilities file, and explicitly set it so that MaintainScrollPositionOnPostback is supported on Safari Browsers.
you can use javascript for this.. chek it out..
http://weblogs.asp.net/andrewfrederick/archive/2008/03/04/maintain-scroll-position-after-asynchronous-postback.aspx