cross-browser

I have a web application that processes events and audio received from a specialised microphone. The audio is processed by a Java applet that runs in the web page, but other events (microphone connected, microphone disconnected, microphone button pressed) are handled by an ActiveX object. The ActiveX object traps these events and calls JavaScript code to handle them <!-- Load the ActiveX control --> <object id="PhilipsSpeechMikeCtrl" width="0" height="0" tabindex="-1" classid="CLSID:AAA44754-CC81-4692-91AF-7064E58EB22A" standby="Loading Philips SpeechMike component..." type="application/x

I need to play .m4a files (recorded on iPhone) in IE(9+) and Safari (iPad, iPhone). I am facing problem with setting correct MIME Type. For playing in IE10 I need to set audio/mp4 but for Safari audio/aac . With audio/mp4 I am getting Cannot play audio file on iPad. With audio/aac I am getting Error: Unsupported audio type or invalid file path in IE Is there a type I can set for both? <audio controls="controls" autoplay="autoplay"> <source src="play.aspx?filename=sound.m4a" type="audio/mp4" /> </audio> Notes Using an alternative player is not a solution for me. I serve the files thorough .aspx

I have various form elements on my page, but am having an issue with input radio buttons in Firefox. The radio buttons display perfectly in Safari and Chrome, but are entirely different in Firefox (circular instead of square!) and are :checked by default, which is also an issue. From my research, the use of -moz-appearance is widely recommended, but in this instance I can't find any answers that directly relate to my query. Any help would be greatly appreciated. Markup <form> <label class="radio" for="#">One</label> <input type="radio"> <label class="radio" for="#">Two</label> <input type=

I have searched lots of iPad / iPhone simulators ...tested my website. Website is looking good on almost all simulators...but when i open the website in real iPad every thing is going wrong... As i can't inspect etc on device...so its difficult to know things which are going wrong and can't adjust accordingly...any better solution for this? http://ipadpeek.com/ This simulator was close but not enough... Sorry i can't share website link. A really good service that I use is Browserstack.com and simulates all versions of most devices out there, I've found that there are next to no differences

This is my first post, so please go easy on me. I'm sure I'm doing everything wrong. However, I couldn't find any posts that answered the question above. I use jQuery. I'm trying to find a way to get the current width and height of a DIV element, even if they're set to "auto". I've found many ways to do this, but no method returns the same width in IE. It is important that this method is cross-browser, as it will break the layout of the page if different numbers are returned in different browsers. .width() and .height() do not work because in IE, padding is subtracted (e.g. width() returns 25

I do expect the site to require a few tweaks to work in IE although this time it appears like something is completely breaking the CSS in IE8 compatibility mode. To start at the top with the logo position, I have added a red background to check its location and this is not even displayed, although you can see this in firefox. How come this is not being read correctly? Website EDIT: I have narrowed this down to the exact code which causes IE to break: .content ol li:before { content: counters(item, ".") ": "; counter-increment: item } How could I get around this? Without manually adding the