I'm trying to see if I can implement a rudimentary external scrollbar for an overflow:scroll box area and everything works on a browser on my computer and Firefox on the tablet, but it doesn't seem to work at all with the stock browser.
Is scrollLeft not supported? Is there any alternative that I can pursue?
Thanks!
Related
I made my photography website as cross platform as I could without making separate web pages. This is my webpage.
It validates ok in w3c, and works perfectly in Chrome and Firefox for Linux, and in Chrome, Dolphin and the default browser for Android. However, it goes crazy in Firefox for android phones: it zooms in a lot with no reason, and the formatting is totally wrong.
Of course this is a bug in Firefox since it is not consistent between platforms, but which is the culprit? How can this be avoided? I guess there's something that can be done in the big IMG at the beginning of the page to prevent this.
EDIT: Firefox for tablets works fine too.
My website www.krishisansar.com isn't properly viewed only in Android Opera Mini browser, another browsers display it properly.
It is a responsive website, when I resize screen using desktop's Opera, all is well. According to my CSS code, layout matches in perfectly. But when I open website from Android Opera Mini, GIF images don't show, words are stretched unnecessarily, layout is distorted. What is problem?
As others have advised, I changed CSS media queries form media only screen to media all, but nothing changed. What's wrong? Is it my coding fault or Opera Mini bug ?
Opera mini doesn't support gif files.
We have programmed a site at: http://tcsdesignreno.com/zing-cards/ to be responsive. Whenever I check it in online responsive design test sites (such as: http://mattkersley.com/responsive/ or http://beta.screenqueri.es/) it looks fine but if I bring it up on my HTC Sensation, iPhone 5 or a Galaxy 3 it cuts off the right side of the screen. I have used the standard web browsers and chrome on the phones. I am not sure how to check the CSS on my phone to see what the problem is.
Does anyone have any suggestions on either how to fix the site or how to find the error from my phone?
You can debug Android's Chrome Browser from your computer; details at this link.
I am making a mobile site and I have a problem on a Samsung Galaxy s3. The thing is that my chosen font-size looks fine in Chrome, but is too small in the native Android browser.
On the other hand if I increase font size, it is too big on Chrome.
Is there any way to target Android browser, or to alter it's behavior?
visit this page from your android browser: http://whatsmyuseragent.com/
you will get the user agent of your browser and that is an attribute you can differentiate browsers by.
I've built Likebox to one of our webpage and it's working well in most browsers, except in Opera mobile browser under Adroid OS (I didn't checked Opera under iOS).
The likebox contains stream, and in Opera mobile browser it doesn't use the "overflow: hidden" style, and its stream flows the elements under the likebox.
http://a5.hu/auto/mercedes-benz-g63-amg-6x6-hatkerek-meghajtassal-video (right panel, 4-5th box)
This issue has been resolved by updateing Opera browser on Android.