Scroll bar css style in Internet Explorer - css

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.

Related

Chrome hides HTML5 video when switching tab

I'm experincing this error on my homepage, when switching tabs in Chrome:
The error does not seem to happen in either Safari og Firefox. Tried on Chrome, Safari and Firefox on MacOS and Firefox and Chrome on Ubuntu. Chrome is the only browser having trouble with this.
Specifically it sets the CSS display attribute to display: none; which I can't wrap my head around.
Try it for yourself: https://supervisual.com/
It is not about chrome, it's something on that website code or something that makes that, try right click on the video and open in new tab, that issue doesn't happen when switching tabs then.

Firefox doesn't show elements but Chrome and Safari do

I'm using a WordPress theme and in Chrome and Safari the site looks fine.
Here is the origin theme page: http://demo.onedesigns.com/pinboard/
But in Firefox the social buttons in the upper right corner are not displayed.
I started to inspect the elements and figured out they are grayed out.
But I don't see styles that make them invisible or something like that.
What does it mean?
Firefox 39.0, Mac 10.10.3
They are blocked by the extension Adblock Plus. You can see that by the style -moz-binding():

CSS Menu Not working with XML rotating Banner

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.

IE CSS Issues, FireFox, Chrome Works Fine

I have this navigation menu here which is having some IE issues. Open the following link in FF or Chrome and you will see all working fine (you need to hover over the personal and then the mobile or internet sub-menu items to test). Next if you open the same in IE 7 or 9 you will see some discrepancies. Need your help to sort this out urgently. Thanks in advance.
URL: http://h1.servy.net/sgtlmm/

Why is the homepage on JonathansCorner.com displaying oddly on mobile Safari?

On my website at http://JonathansCorner.com/, the site as a whole displays well in mobile Safari, and the homepage displays well on (desktop) Firefox, Opera, Safari, and IE, but the homepage specifically does not look at all good on mobile Safari:itdisplaysonewordperline,stretchingoutthetextvertically.
I've tried several things to see if I can alter the behavior, and nothing I've tried seems to budge it. Moving the slideshow to an iframe, commenting it out, correcting HTML errors, commenting out the mobile stylesheet, nada. Every other page I've tried within the site looks as intended in mobile Safari, and I have not been able to duplicate the issue in any desktop browser.
Comments on how I can get the homepage to look reasonable in mobile Safari?
If you look at the site using regular Safari, and then attempt to minimize the window, you'll see that the same thing happens.
Setting the minimum width property may help.

Resources