I have this tag <textarea name="docBody" placeholder="main content" ></textarea> included in a web page. The placeholder text shows correctly in Chrome on the desktop and my Nexus 7 as well as IE 11 on the desktop, but it doesn't work on my Surface RT with IE 11. I also noticed the same thing with a CSS animation. Is this something I'm doing wrong, or is it something about the Surface RT?
Try adding the website to your 'Compatibility View list'. Instructions can be found http://www.microsoft.com/surface/en-au/support/web-browsing/browse-the-web-with-internet-explorer under the 'Browse the web>Notes' section.
HTML5 is still in a working stage and not all browsers have developed the tools to see each attribute of HTML5. If it works on other surfaces and not on this one particular then I would assume that this is an issue specific to Surface RT.
Related
I'm making a webapp which recently broke on Windows phone 8.
https://marvin-brouwer.github.io/QR-Reader/
I've also tried the app on an Ipod Touch 3rd generation, an iPhone 4s and a Samsum Galaxy. The app works as expected on those devices.
To find out why it doesn't show what I expect I attached to my Nokia Lumia with Visual Studio which revealed the html being cut off.
I tried deminifying my html but it just gets cut off at a different part.
Is there any reason why this might happen? And is there a way to fix this? Or might this be a Windows Phone bug?
You have a html comment before the doctype which causes IE to go into quirks mode.
Also you have a xml comment which should be removed, this is html not xml.
More info: https://www.sitepoint.com/community/t/xml-declaration-in-html-xhtml/87783/2
Iam displaying a form inside the bootstrap modal dialog. But, the elements disappears/flickers when scrolling the form keeping keypad open in windows phone 8. This issue is not observed in any other browsers. e.g. firefox, iOS, mac etc... It would be great if someone helps me to fix this...
Some time cross browsers effects some tags and scripts, may be you are using a kind of browser where html5 is not supported for html5 support even in IE you can use HTML5.JS here is the LINK For reference see this Link
just like the title says, my website layout appears to be fine on all other browsers at various zooms, sizes and what not, but not in Safari.
The website adheres to HTML5 and CSS3 standards according to W3Cs validators, and I cannot spot any errors myself.
Website can be found at : http://www.kehza.co.uk/Arcade
It's very basic atm, I want the layout to work on all browsers before I progress. (catch bugs early on).
Edit :-
In Safari at certain zooms, massive white space appears at the bottom of the page, also a border is massively out of place.
See images for difference thanks :)
The latest version of Safari for Windows is 5.1.7, but some of the CSS tags that you are using require Safari 7.0. One example is the box-shadow for the #wrapper element. This is why the website does not display correctly in the Windows version of Safari.
Source: http://caniuse.com/#search=webkit-box-shadow.
It is rumored that Apple has dropped development for Safari on Windows. You will probably want to decide what legacy version of Safari that the website will support. If you are planning on using features of CSS3, then you will want to test the website in a later version of the Safari browser, available on the OSX platform.
I have a JSFiddle that has both a regular html5 <audio> tag in it for playback, as well a a call to the javascript Audio() function. As expected, in Chrome/Firefox/IE10 these work, but in IE11 (came with windows 8.1 yesterday) neither of these methods work and I get a "Error: Not implemented " exception. I haven't yet seen any documentation that Audio doesn't work on IE11 - is my installation just screwed up, or do others with IE11 see this as well?
JSFiddle Here
Also, heading over to http://html5test.com/ in IE11 indicates that the sound element is supported, but that no codecs work.
IE11 was running in this case on Windows 8.1 Pro N. Installing the media pack solved this for me, even though I think it's insane that html5 features of the browser need this addition to work properly, and Microsoft doesn't list the Media Pack as having any impact on any other features (like IE11 or html5) here.
I created a website using HTML 5 and it works perfectly on Chrome, Firefox and Internet Explorer 10. If I'm running the website in Compatibility mode the layout is all messed up.
Only if I change Document Mode from IE5 quirks to another value inside Developers Tool it's working perfectly.
Is there someone who can give me some hints or some tips&tricks to make it work properly.
You can find the website here: http://www.westmotors.ro/beta
Thank you in advance.
Here is a nice website where you can see the HTML5 readiness of any browser:
http://html5readiness.com/
In addition I would strongly recommend you to use the Modernizr javascript plug-in in order to make your site compitable: http://modernizr.com/
Last thing, try to find some "polyfills" for html5 features you cannot use in your site "the native way"