I found out that when I browse my site in Android's default browser, the site is loaded without the design defined in the css file.
(The same site looks well designed on IE7, IE8, FireFox, Chrome and Safari)
I'm not really sure what the problem can be...
I'll appreciate any idea
Thanks
I'll appreciate any idea
Check your HTML and CSS at the W3 validator
A bit late in the day, but thought I'd leave a comment on this for other users that come across this question.
It's worth checking if the css is compiled/compressed. I have found that loading an uncompressed css file for specific android browsers has fixed the issue (although I still have various other issues that I'm working my way through :( ...at least the css file is loading now though!)
Don't forget to check your web server logs. If UA (user agent) is being logged, you'll be able to see if the Android browser requested for your CSS file.
Related
If you go on my site on Firefox for Android (either a mobile or a tablet) the links either in the menu, or anywhere else for that matter refuse to click, they only highlight in grey as if they're active, but don't actually do anything.
It works fine in Chrome for Android...I can't figure this one out. Help greatly appreciated.
The site is built in Wordpress
Total Lawn Care link
There seems to be a missing closing </div> tag in the html. I think the div <div class="gwrapper"> is the one causing the problem. Chrome is smart enough to "guess" where things should be closed and still work correctly but firefox has more strict of standards.
try modifying the html and add the </div> where you think it needs to be.
you can go to W3C validator.org
to check for errors in your html. I used an editor like Webstorm to help track the problems.
I hope this helps!
What would be causing a mobile browser to disable all CSS?
Screenshot:
Website Screenshot
when you access the website on your mobile is already like this?
If yes maybe you linked the css file wrong for the mobile, see if you put wrong.
Sometimes one wrong line of code mess all up ^^.
I want to know if it's possible to design my android app UI with HTML5 and CSS3.
If it's possible, is there any performance issue?
Android has WebView which can render HTML content, but it doesn't provide the same user experience as native apps so its use is generally discouraged.
Yes it possible. As rhoadster91 stated, you can use a normal Android WebView which loads your "index.html". All your HTML files should be in the "assets/www" directory. But you'll find plenty tutorials out there which explain everything step by step. Have a look at Googles developer site.
A second possibility would be Phonegap. It is a little tool which helps you to deploy your app for various devices (Android, iOS, WP,...) while coding your app only once in HTML.
I experimented with jquery mobile, native application and phonegap. Building a web application at first seemed very attractive at first as the coding is a lot easier compared to native applications. Here is my opinion based on my research:
Using phonegap slows your application responses, it loads slowly and together with jquery mobile the response and load time increases. So I didnot use it.
Using jquery alone was no different in Gingerbread mobile and on emulator you can clearly see the lag in switching between one div to another div. I didnot use it either.
What I did was use android Webview. I wrote my own javascript and css and placed them on the head section of my page. Used div for changing pages on button click. This approach worked really good giving nearly native performance.
Does anyone know how well the iFrame HTML tag is supported on Android? Some of my preliminary research indicates that it is supported, but scrolling can be hit or miss and should be avoided. Is there documentation on this anywhere or am I going to have to get ahold of devices to test on?
Android supports the iFrame tag but not the scroll attribute. I had the same issue. Leave off the scroll attribute and the iFrame will display.
I don't know how Android handles frames, plus different Android roms use different browsers.
What I do know is that as of HTML5 frames are deprecated, therefore not a very good practise. If not anything you are going to have more and more compatibility issues with new browsers in the future.
Why don't you do the request on the same page? If the downloader.php has the proper headers the download process should start without breaking or changing the current page at all.
Hence sorry to say but Android has no support for iframe though ios have it.
I am writing a tutorial about the HTML5 Canvas for mobile and did some basic tests. While I can call the getDataURL() Method on an iPhone's HTML5 Canvas Element, it does not seem to return the data URL on Android 2.1 (Google Nexus One) and it's webkit-based default browser. Here is the sample:
var dataURL = canvas.toDataURL();
var img = document.createElement('img');
img.setAttribute('src', dataURL);
document.getElementById('box').appendChild(img);
This will work on iPhone, it will add a new image element with the same content as the canvas. It does nothing or fails on Android 2.1.
Has anyone ever gotten this to work?
I am also wondering if anyone could help me with understanding the WebKit Build numbers and what it means with regards to what features I can expect. For the iphone, I see a build number of 528.18, on Android 2.1's Browser I see (from the user agent strign) a WebKit build 530.17.
So it looks Android 2.1's webkit browser is more up to date, still some features work on iPhone's webkit but not on Android. Does this comparison just make no sense?
Thanx all!
Please star http://code.google.com/p/android/issues/detail?id=7901
Sounds like it's supposed to be there, but it's busted.
Currently this isn't supported.. can you file a feature request here:
http://code.google.com/p/android/issues/entry?template=Feature%20request
Once filed, it'd be beneficial for others if you could edit the original question and add a link to the filed request. Thanks!