internet-explorer-7

I know there is the bug where absolute elements appear above relative ones. However I am getting the reverse of this issue. The z-index on the "bottom" element is 1 and has a position:relative assigned. The top element has absolute positioning and a z-index of 99. This works fine in Firefox, Webkit based browsers and IE8. Any ideas about why this could be happening? In Internet Explorer positioned elements generate a new stacking context, starting with a z-index value of 0. Therefore z-index doesn't work correctly. See Bug Report: Explorer z-index bug and Squish the Internet Explorer Z-Index

I tried the jquery-fieldselection plugin to get the selected text in textarea. It works fine in Firefox and Chrome, but not in Internet Explorer 7. I use the getSelection() method like this: textarea.getSelection(); When the text within the textarea is 12345 , and all this text is selected, Firefox and Chrome returns: start: 0 // Correct! end: 5 while Internet Explorer 7 returns: start: 5 // Why ?? end: 5 I'm looking for a cross browser solution using jQuery. Baz1nga just took a look a tthelibrary and it behaves differently for IE since it does not support some methods that the modern browsers

Hi am using css transform in scale property my code is like this -webkit-transform: scale(1.05); /* Safari and Chrome */ -moz-transform: scale(1.05); /* Firefox */ -o-transform: scale(1.05); /* Opera */ -ms-transform: scale(1.05); /* IE 9 */ transform: scale(1.05); Here not supported in ie7 letyou known the answer please reply me ASAP. I'm not sure I understand your question. CSS transforms are not supported in IE8 or older, where you have to have to use an IE matrix filter in order to achieve the same effect (scale or rotate). Like this (code for IE8 and older, check it live with IE8 or older

How do I get rounded corners in MSIE7? (and cross-browser, as a bonus, but IE7 is vital) Can I do it without extra images? Do I need a bunch of images for different text box/table sizes? Update: This is actually important, now that I think of it ... What if I am generating my HTML from PHP and it can be dynamic, so I can't really know the size? I'd recommend using CSS3 styling and then CSS3PIE . Works like a charm! Similar to Ian's answer, one possibility is to use CSS3's border-radius, then include CurvyCorners . You can do it without images -- that is, you don't need to provide images to

I am less than satisfied in my HTML/CSS/JS debugging of pages with IE6 and 7 specific bugs. I am aware that IE8 has a Firebug clone, called 'Developer Tools' installed. Is it possible to have IE8 installed (maybe on a VM, i don't mind), set it to compatibility mode (is there one for IE6?), then perform JS debugging and live HTML changes, using the IE8 Developer Tools , just like we can in Firebug? many many thanks mieze There are differences between native IE6/7 and the IE8 compatibility mode: http://blogs.msdn.com/ie/archive/2009/03/12/site-compatibility-and-ie8.aspx The best option I've

Here are two test files: http://gutfullofbeer.net/good-table.html http://gutfullofbeer.net/bad-table.html The markup on those two page is all almost the same. There's a table with two columns. The <th> and <td> elements of one column (the second one) are all given the class "junk". In the "good" page, when you load it you'll see a checkbox unchecked at the top. If you check the checkbox, the second column should disappear. If you uncheck it, the second column comes back. In the "bad" page, the checkbox starts out checked. Unchecking it has no effect in IE7, though it works in other browsers

I have my application built upon latest Bootstrap Version 3.0.3 . Everything was running fine on Chrome and Mozilla . Now suddenly, people want it to support IE7 and IE8 . I have tried implementing Bootstrap 3 for IE7 , but it didn't help. Everything still stays dis-aligned. Things are still messed up in IE 7 and IE8. Do I need to manually override the Bootstrap Styles? I doubt, bootstrap being so extensible and popular, must have done something to support IE7. Bass Jobsen Don't use Twitter's Bootstrap 3 if you will have to support IE7. Twitter's Bootstrap 3 has many changes ( Updating

I am trying to create an enummeration in Javascript. The javascript code used is var FeatureName = { "FEATURE1": 1, "FEATURE2": 2, "FEATURE3": 3, "FEATURE4": 4, "FEATURE5": 5 } Object.freeze(FeatureName); When the method Object.freeze(FeatureName) , is called it works fine for all the browsers except IE7 and IE8. Is there any alternative to this? John Resig provides an alternative. I haven't tried it in the browsers you mention. Try it and let us know. http://ejohn.org/blog/ecmascript-5-objects-and-properties/ Object.freeze = function( obj ) { var props = Object.getOwnPropertyNames( obj ); for

I have a very simple function that takes a list of comma separated (x,y) points and imports them into a graph. I have FF, Chrome and IE8 installed. I use IETester to test for IE6 and IE7. // Import Data this.Import = function(data) { alert("Data in: "+data); var d; // Make sure the first and the last are start/ending parenthesis if ( (data[0] != '(') || (data[data.length-1] != ')') ) { alert("After if: "+data[0]+" "+data[data.length-1]); return false; } ... In Chrome, FF and IE8, I don't see the "After if:" alert. In IE6 and IE7, I see the following two alerts: Data in: (52,16),(100,90) After