cross-browser

I don't think I need to provide examples because every web developer knows that you need to test your Javascript to make sure it's compatible across different browsers. What I don't get is why . Isn't Javascript Javascript? It'd be like the .NET framework behaving differently on one computer than it does on another. Can anyone shed some light on this, possibly with some source links to go along with their answer? Read this -> http://www.quirksmode.org/js/intro.html there are lots of version of the JavaScript implementation - all of them have differences. The short answer is every browser

Is there a way to store global data in the window object such that the data can survive page reloads/refresh. So lets say I assign my global data/object - window.myObject = myProductObject And the user refreshes/reloads the page or may be jumps to another page of my website. Is window.myObject still available after the page reload? NOTE -: I cannot store the object in a cookie, since its a object, I mean it could be a reference to another custom object or it could refer to another "window" object which has opened via "window.open" Use the window.top.name hack var data = window.top.name ? JSON

I am running Windows 7 on my machine. I have following web browsers installed: Opera Google Chrome Safari (windows version) Firefox 3.6 IE 8 I am doing some development running on my local IIS web server and need to test my .net web application development cross browser. So I need to have older versions of the above browsers installed on my machine, eg IE7, Firefox 3 etc What is the best approach for doing this? I have my doubts that different versions can co exist on same machine. Do I need to use a virtual pc? Or are there any applications available for such cross browser testing? Jon

I'm using two special fonts on my website for headings and subtitles. They are working fine on a PC in IE, Firefox and Chrome. However, on a Mac in Safari and Chrome the fonts appear emboldened and slightly blurred. The particular fonts I am using are Utopia and Helvetica Neue Condensed Bold. I have generated the font kits using font squirrel based on otf files. I am using the CSS generated by font squirrel. You can see the website at http://shapecast.benmango.co.uk . I also have screenshots comparing the results in the different browsers for Mac and PC at: The code I'm using for the CSS is:

I seem to have a slight issue with some spacing in between my lines between Firefox and Safari/Chrome. This first image is how the links on the left, and the line of text after the table on the bottom are supposed to look like: How webpage looks in Safari/Chrome As you can see, the links are lined up well with the rectangle "first genesis group" logo. This is how it looks in firefox As you can see, the links are a bit stretched vertical on the left, thus somehow causing the bottom line to shift downwards a little. I found the issue being a margin-top:1px; that I gave to every link in the set

So, by now we all know that iOS mobile Safari uses viewports (as does Android browser), rather than a 'standard' browser window. And this causes issues with overflow:hidden , and position:fixed . This unfortunately is the same case with the iPad. I presume this is the case for other Android tablets too. Rather than browser sniffing each time, is there an easy way to determine if the browser has a viewport or if it is standard? Unfortunately, there's currently no good fix for mobile browsers' lack of support for position:fixed . The reason position:fixed is "broken" in the first place is

I'm using HTML5 selectors API aka querySelector all the time. Those selectors are really easy to use and handful. If you're not familiar with this API it's pretty much similar to jQuery selector API they get a CSS selector string and select right elements. For example these selectors works same: jQuery('#div') == document.querySelectorAll('#div') jQuery('.myClass a') == document.querySelectorAll('.myClass a'); Browser support of this API is pretty good. IE8 supports them. The only two browsers that don't support this API is IE7 and IE6. I'm looking for solution to add this functionality to IE7