Anyone know please help, I have worked with that project and every browser work fine except safari
It's currently not supported (source1, source2)
Related
So, my website looks good on chrome and most of the browser but on Safari some things dont t look as good as in Chrome for example.
My problem is that i don t know where to start
- i tried on multiple devices with safari, the problem is the same on both of them (so i don`t think the browser, or clearing browser cookies will solve the problem as i already deleted the cache)
- maybe a problem with Bootstrap? ( i tought of this also but some things are working as bootstrap tells them to do, but some not, so if not all of them are disobeing Bootstrap rules this is not the problem)
here are some screenshots of the website on safari
Etelle.ro/screenshot
Any advice?
Many thanks
I created a Fiddle:
https://jsfiddle.net/6zkmg2cn/
I tried to add code but it wouldn't show the HTML from the fiddle?
This fiddle works fine on a PC, but the same fiddle on a mobile browser doesn't work.
As you will see, it just flips the "front" 180 degrees but never shows the "back"
any idea what I'm doing wrong?
or does anyone know a better way to use a "flipper" animation that works on mobile devices? I just want a basic "click this and it flips" animation.
EDIT:
I'm sorry, I should have added more information:
It turns out it does work on Android Chrome and Firefox, but where I am seeing it not work is iOS Chrome (56.0.2924.79) and iOS Safari (10.1.1 iOS) and iOS FireFox (6.1)
Obviously this is something I'm missing with a -webkit flag in CSS or something? The link in the comments that show what's its compatible with suggests it should be working with these browsers, so leads me to believe its my code. Sorry again.
it was:
-webkit-backface-visibility: hidden;
that I needed to add.
Thank you guys, your comments helped me to find this answer. I appreciate it.
I've noticed something really strange; my website (http://wizztune.com) looks absolutely and completely fine in Chrome and Firefox but broken and some sections are missing in Safari. Also, Safari treats my "position: fixed" attributes as if they were ignored. There's just a lot of stuff that seems broken; any idea why is this and if there's any way for me to fix it without rewriting every single line of the stylesheets?
Screenshots - also notice that Safari leaves out a few sections of the page in the second screenshot and breaks the "fixed" elements in the fourth one:
http://wizztune.com/wt_chrome.png
http://wizztune.com/wt_safari.png
http://wizztune.com/wt_chrome2.png
http://wizztune.com/wt_safari2.png
Thank you, any help will be greatly appreciated!
That is Safari for Windows, that project was abandoned many years ago. Your site looks totally fine here on Safari for Mac. Don't worry.
So Chrome and Safari shares the same engine WebKit, although Chrome switched to Blink a while ago, but it is still WebKit (slimmer version). Ideally, if the site runs fine on Chrome, it will be generally fine on Safari too (I'm not talking about the older versions).
One more thing: Chrome is CSS prefix free, however Safari may need -webkit* prefix for some cutting edge features. You can quickly find out on http://caniuse.com/ or Mozilla https://developer.mozilla.org/ if you need.
I am so aggravated, and have spent hours trying to solve this compatibility issue. If anyone can help it would be very, very appreciated.
I am using Jdock to display a navigation at http://cailinshea.com/ - which works fine in Safari, Chrome, Firefox, and IE9 - but does not work in IE8.
I would really like to avoid having to create a second navigation for IE8, is there some way to get my navigation to work in IE8?
I think I resolved this by doing CSS browser testing and loading different styles accordingly.
i've been trying out a bit of code posted to make image rollover buttons using only css,
this seems to work fine.
local testing showed no problems, IE, Firefox, safari all ok. even chrome displays as intended on the local version.
Once i move to a hosted test, IE, Firefox and Safari all display as intended but chrome offsets all the buttons right about 8-10 pixels.
here's the test page
http://www.fierysurprise.pwp.blueyonder.co.uk/bga/bgd.html
can anyone enlighten me as to what's happening?
site built in Kompozer
I assume you're referring to the squares under the "architectural design..." phrase.
I can't recreate this problem in Chrome v5.0.375.125.
What version of chrome are you using? Chrome tends to doggedly cache resources. Have you tried a cache refresh?
What version of Chrome are you using? I looked at your site in Chrome 5 and can't seem to tell a difference between any of the browsers you've mentioned.