I am having trouble making http://jackwaghorn.com/#popup usable in Safari. Chrome hasn't been a problem but when it comes to text appearing in an overlay DIV - nothing comes through in Safari. Unless you press 'new tab'.
http://i.stack.imgur.com/zbUAf.jpg
You already found the problem. We call it Safari. If you use Safari for Windows you cannot optimize the webpage for this.
Related
Dear Stackoverflow Community,
I create a website with WordPress using Flatsome theme.
The website appears correcly in all browser except on Safari.
The problem is on the slider/banner image using Flickity that is not displayed on Safari.
Here are screenshots from Chrome and Safari for you to understand the problem:
By inspected the element, there are things that appear wrong:
the class bg-loaded used in the Flickity slider appears correctly on Chrome but not appear on Safari
it seems that there is a problem with Flickity: all Flickity class appear properly on Chrome but display a warning ! on Safari:
The website works fine on iPhone.
All the other images within the webpages are displayed properly in all browsers and devices. This is only these banner images that are not displayed on Safari.
Can someone knows what is the problem and how to solve it?
Thank you very much for your help on this issue.
Regards.
Somehow the text on a specific part on my website renders unreadable on Safari, while it renders normal on Chrome or any other browser. What I find even more strange it that it's random whether text will render unreadable or not. Just refresh your browser and you'll see.
This is my website and below you'll find a screenshot of the issue. Left is Safari, right is Chrome.
I've experimented with text-rendering and transform, but I couldn't find the issue that permanently fixes it, without creating a problem in Chrome.
Does anyone has a suggestion to help me and perhaps others having this issue?
I tested Nvidea css drop down menu on a site with XML Flash rotating banner , it works find on opera but doent work on internet explorer and google chrome, it actually goes behind.
menu from : http://www.lwis.net/free-css-drop-down-menu/
see link here: http://sonymax.co.uk
thx
Seems there is a problem with the menu actually, I removed the banner in IE and the drop-down menu still doesn't show up. Also note, that if you change your compatibility mode from IE7 to IE8 or 9 the menu and banner are way off. You should revise your code a bit.
It works in my Chrome, not sure why it doesn't in yours, only IE has the problem as far as I tested.
I'm coding www.rootologyhealth.com and I cannot figure out why the Nav Bar on the homepage starts so high up in Safari and Firefox but looks perfect in chrome. I've done all the work I can to try to diagnose the problem. I'm certain its a stylesheet issue, but the styles I'm using are relatively simple and shouldn't be causing this problem.
For me, it's broken in Chrome 21 and fine in Firefox 14 on Windows 7.
When messing around with the developer tools in Chrome, if you take div#top-menu out of div.container, it no longer floats up above the viewable portion of the browser. You'll be left with a spacing issue between that and the large advert, but that should be simpler to deal with.
I've got this problem while doing the scroll bar for both iPad and browsers. The style is working fine with Opera, Safari, Firefox and Chrome. However the style doesn't show in Internet Explorer and it appears the wired horizontal scroll bar on the page too.
You can find a link to the page here.
Does anybody know how to fix this issue?
Looking at the iScroll website and demos it looks like IE isn't supported. Go ahead and try it in IE http://cubiq.org/dropbox/iscroll4/examples/simple/. You may want to try another library such as this one http://www.hesido.com/web.php?page=customscrollbar which seems to work just fine in IE.