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.
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.
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
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
This is working in Chrome but not in Safari:
background: -webkit-radial-gradient(center, ellipse cover, #fdfdfd, #d3d3d3);
How can I fix it for Safari?
It doesn't even work correctly in Chrome, as it shows a circular gradient, not an elliptical one. It does work correctly in Webkit nightlies.
The reason it doesn't work in Safari is that the syntax hasn't propagated yet to a stable version of Safari. Eventually it will. You need to learn patience my young padawan :)
For now, you may use -webkit-gradient, but always include the -webkit-radial-gradient equivalent after it. And while we're at it, don't forget the other prefixes too (-o-,-moz-,-ms-)
Try using for Safari:
background: -webkit-gradient( radial, <point>, <radius>, <point>, <radius>[, <stop>]* ) <color>;
Examples and more explanation can be found here: http://www.the-art-of-web.com/css/radial-gradients/
I've finished a site but it doesn't work well on Safari.
I used (don't blame me!) frames and two white weird spaces appeared on the left ant the right of the frame "body"
you can se the result here:
http://www.yves-ratheau.com/
I didn't find any help on google, forums, etc...
thanks to any suggestion
Since I'm installing windows on my main Mac, I grabbed a really old laptop (Powerbook g3/safari4.04 on OS X 10.4.11) to test this and didn't get any white lines anywhere. What safari version are you using to test?
You may need to set some CSS padding/margin/border styles to "none" to have it work in older versions of Safari, but I've never seen this problem before.