browser-compatibility

jQuery offset() not working in some browsers, on some computers

I have a problem positioning an element in certain browsers. I'm using the jQuery autocomplete found here. The div containing autocomplete values should be directly under the text box, and line up perfectly. The code sets the css left property of the div by using the left property generated by $(textbox).offset(); After un-packing th...

IE8 ignoring background "no-repeat" value

I have a page that uses a background image to do rounded corners, and in IE8 on Windows XP the background image repeats. http://j.mp/c5h1Hf It looks right in other browsers and even in "Compatability View" in IE8. Does anyone know how to remove the repetion? I'm stumped! ...

Multiple Browser Testing Tool

Hi guys: I would like to seek your suggestion for the tool faciliate the multiple-browser testing of web site. PS: ASP.NET is my current working environment. ...

Cross Browser input field width stylization

Hi, I have a shipping/billing input form and I'm having trouble styling the input fields to be the same width... The Problem: -a field <input type="text" size="X" /> appears to render with different sizes in different browsers (see link). -In addition, select fields seem to render on a differently as well. -Chrome/safari do not seem to...

Problem with IE and Jquery qTip plugin

I am having problems with the Jquery qtip plugin. It works fine in Firefox (see here http://movieo.no-ip.org/ hover over the first image). But doesn't work in IE. This is the code: $('.moviebox').each(function() { $(this).qtip({ content: $(this).children('.info'), show: 'mouseover', hide: 'mouseout', style...

IE 6 bug? width: 987

I'm having a very weird issue in IE6. If I set a div container do the width of 987px it adds a spacing between the container and an absolute positioned element inside. Any other width works fine, it's just 987. Is there something I'm not seeing? Code to reproduce: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3....

Is IE Collection reliable tool for testing with various versions of Internet Explorer?

On my Windows machine -- I typically test different versions of Internet Explorer using an array of Virtual Machine instances (which obviously requires a fair amount of investment in time and money). In a pinch I have also used IETester -- which at times can be a little unreliable. However, I just discovered IE Collection and was wonde...

What's the best way to do cross browser testing?

What's the best way for me to check if my website is compatible in IE7,8, Safari, FF, and Chrome without having to install each and everyone? I mainly want to check the CSS, HTML, and JavaScript. Update I put a bounty in hopes there is a more practical solution for someone like myself. I am using Windows 7 Home Premium x64. Update2 I ...

stop script debug error dialogs occur in ie8 ?

I get this, clicking 'no' means the page displays flawlessly. it's refering to this part of jquery1.4.2.js: // Get the Nth element in the matched element set OR // Get the whole matched element set as a clean array get: function( num ) { return num == null ? // Return a 'clean' array this.toArray() : //...

Why do jQuery fadeIn() and fadeOut() seem quirky in this example?

I've been playing with jQuery in an ASP.NET project and am finding some odd behavior with the .fadeIn() and fadeOut() functions. In the below example, a click on the button (ID Button1) is supposed to cause both the span of text with ID Label1 and the the button with the ID TextBox1 to do the following things: Fade Out Change the text...

100% height on nested table cell in IE

I want a nested table to expand to the height of the enclosing cell. This works as expected in Firefox/Chrome/Safari, but not in IE7 or IE8. Please see the example here: http://www.bitmechanic.com/heightDemo.html The DOCTYPE is relevant. While the demo above validates as HTML 4.01 Strict, it does not render properly in IE7. If I re...

What JavaScript functions are supported by different browsers?

I want to know which sites can give me information on the list of JavaScript functions that are supported by IE/Firefox/Opera/Safari. ...

Dropdown in PHP

Hi, I am using PHP 5.2 on SUN OS server. Having problems with the following piece of code that for a drop down: echo '<form action="" method="get">'; echo '<p>Information:<br />'; echo '<select name="acctno" style="width: 100px;">'; foreach ($this->account_names as $acctno => $acctname) { echo '<option value="'.$acctno.'">'.$acctnam...

Label wrapped around radio/checkbox compatibility?

I noticed that if you wrap a radio button or checkbox in a label, the whole thing becomes clickable, even without a for/id pair (in fact, it seems to ignore this because I screwed it up!) Example: <label><input type="checkbox"> some text</label> Then "some text" becomes clickable to check the box. I tested it in FF, Chrome and Opera,...

jQuery - Compatibility Problem with Internet Explorer 7 and Opera

Hello there, I have this counter which counts + 1 every time somebody shares content from the site. When it happens, the social icon that was clicked will bounce. It works in Firefox,Chrome, IE8, and Opera, however the bouncing animation is wrong in opera. $.fn.countExternal = function(animSpeed, num) { // for each counter this.e...

Internet Explorer to Firefox javascript migration library - does one exist?

I am working on a legacy ASP.NET web site that is highly dependent on Internet Explorer. I would like to migrate it to non-IE browsers. I know there are a large amount of differences (as detailed at quirksmode.org, etc.), so I'm searching for a javascript library that can help minimize the amount of source I'd have to change. I'm hopi...

Are these Mozilla-specific CSS styles doing anything?

I'm working with some CSS (from a Joomla template) like this: div#logo { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent url(../images/head.png) no-repeat scroll 0 0; ... } I've looked up some of those -moz- properties and they seem t...

howto hide outline on a form

I have to design a form with an input inside it. I use background image on the input so it would look like a button. Every time somebody clicks it, it would send $POST, a behavior I want to achieve. But the problem is about the outline around the form. The outline shows when we click the form. It's minor, but it would be great to make ...

Canvas and HTML5: Supported Browsers?

I am looking at using HTML5 Canvas element for my upcoming project. I want to know what all major browsers (including the versions!, cos i know that the latest builds do support canvas) support the Canvas tag. I don't give a damn about IE. So don't bother reporting IE. :) In this tutorial Drawing shapes - MDC, the quadraticCurveTo secti...

Chrome targeted CSS

I have some CSS code that hides the cursor on a web page (it is a client facing static screen with no interaction). The code I use to do this is below: *, html { cursor: url('/web/resources/graphics/blank.cur'), pointer; } Blank.cur is a totally blank cursor file. This code works perfectly well in all browsers when I host the web fi...