jetma / ie7-js Goto Github PK

http://ie7-js.googlecode.com/svn/test/margin-auto.html

I am working on updating a client website that uses generated WriteCSS();
command for browser related hacks. I want to update with ie7 coverage but
have not really done this before using js instead of css stylesheet hacks.

could I add your script to the file or is there a better way to use it in
this case.

Sorry for the newbie question, but if you have the time it would be a great
help.



current file set vars:
 // *** BROWSER VERSION ***
    // Note: On IE5, these return 4, so use is_ie5up to detect IE5.
    var is_major = parseInt(navigator.appVersion);
    var is_minor = parseFloat(navigator.appVersion);

    var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera")
== -1));
    var is_ie3    = (is_ie && (is_major < 4));
    var is_ie4    = (is_ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) );
    var is_ie4up  = (is_ie && (is_major >= 4));
    var is_ie5    = (is_ie && (is_major == 4) && (agt.indexOf("msie
5.0")!=-1) );
    var is_ie5_5  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.5")
!=-1));
    var is_ie5up  = (is_ie && !is_ie3 && !is_ie4);
    var is_ie5_5up =(is_ie && !is_ie3 && !is_ie4 && !is_ie5);
    var is_ie6    = (is_ie && (is_major == 4) && (agt.indexOf("msie
6.")!=-1) );
    var is_ie6up  = (is_ie && !is_ie3 && !is_ie4 && !is_ie5 && !is_ie5_5);

    // Note: Opera and WebTV spoof Navigator.  We do strict client detection.
    // If you want to allow spoofing, take out the tests for opera and webtv.
    var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
                && (agt.indexOf('compatible') == -1) &&
(agt.indexOf('opera')==-1)
                && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
    var is_nav2 = (is_nav && (is_major == 2));
    var is_nav3 = (is_nav && (is_major == 3));
    var is_nav4 = (is_nav && (is_major == 4));
    var is_nav4up = (is_nav && (is_major >= 4));
    var is_navonly      = (is_nav && ((agt.indexOf(";nav") != -1) ||
                          (agt.indexOf("; nav") != -1)) );
    var is_nav6 = (is_nav && (is_major == 5));
    var is_nav6up = (is_nav && (is_major >= 5));
    var is_gecko = (agt.indexOf('gecko') != -1);

    var is_mac    = (agt.indexOf("mac")!=-1);

    var is_win   = ( (agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1) );

You can see the problem here : http://essais.pierrebertet.net/IE7/test1.htm

The script used is IE7.js.

CSS :
.test.test2{background:#ccc;}
.test2{background:none;}

HTML :
<div id="group-2" class="test test2">
[...]
</div>

In all browsers, the second element has a grey background.

In IE6 with the script, the background is "none".

The file encoding of the source code is not consistent :

line 12, you quote "Gellért Gyuris" encoded in ISO-8859-1
line 2012, "Rainer Åhlfors" encoded in UTF-8

What steps will reproduce the problem?
1. markup a menu using HTML
2. style using CSS that relies on the "content" property
3. link to stylesheet as usual

What is the expected output? What do you see instead?
menu shoul be styled to include the "content" property 
this works if you drop the styles in the page directly, but fails for 
linked and imported stylesheets


What version of the product are you using? On what operating system?
beta 2.0 + IE7

Please provide any additional information below.
i attached an small example

What steps will reproduce the problem?
1. http://ie7-js.googlecode.com/svn/test/empty.html

What is the expected output? What do you see instead?
I attach screenshot

What version of the product are you using? On what operating system?
IE5.5, IE6, WinXP

What steps will reproduce the problem?

1. View the attached html

What is the expected output? What do you see instead?

IE6 quits script with 'a.clientHeight is null or not an object'

What version of the product are you using? On what operating system?

IE7/IE8 beta 2.0 on IE6 XP SP2

Please provide any additional information below.

Removing the URL in the DTD makes the problem go away except obviously this
means pages don't render correctly

What steps will reproduce the problem?
1. view unscrollable content example in ie 6.0.2900
2. http://ie7-js.googlecode.com/svn/test/unscrollable.html
3. Does not have scroll capability

What is the expected output? What do you see instead?
I expect the page to scroll, it does not have enabled scrollbar. Text runs
off the screen bottom.

What version of the product are you using? On what operating system?
ie 6.0.2900, 128-bit Win XP SP2 using  

Please provide any additional information below.

What steps will reproduce the problem?
1. position:fixed for some box.
2. make the box 'left:20%' for example;
3. see its only 20px from the left, always. this is not so for 'right:20%'


What version of the product are you using? On what operating system?
- tested on IE6 (multiple IE's version), under WinXP.
- IE7.JS ver 2.0 (beta)

What steps will reproduce the problem?
1. Take one of the IE7-JS test pages, such as
http://ie7-js.googlecode.com/svn/test/child.html
2. Add the following CSS to the style section:

#test a:hover
{
    background-position: 0px -123px;
}

3. Open the page in IE6.

What is the expected output? What do you see instead?
As these is no body element with the id 'test', nothing should be seen.
However, there should also be no issue in loading the page.

Instead, a JavaScript exception is thrown. Debugging results in the
following problem being highlighted:

Line 529:
var _selectorFunction=function(e0,s){IE7._indexed++;var
r=[],p={},reg=[],d=document;var
e1=IE7._byId(d,'test');if(e1&&e0==d||e0.contains(e1)){var
p2=0,i2,e2,n2=e1.getElementsByTagName('A');for(i2=0;(e2=n2[i2]);i2++){r[r.length
]=e2;if(s)return
e2;}}return s?null:r}

Object doesn't support this property or method on:
if(e1&&e0==d||e0.contains(e1))

What version of the product are you using? On what operating system?
2.0(beta) of IE7-JS, on IE6.0.2900, on Windows XP.