Warning message not displayed correctly

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Add script line to HTML page as per docs
2. View in IE6
3.

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

See attached screenshot 

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

Server is apache 2 on Ubuntu 8.04. Client is IE6 on XP SP2 running inside
VMWare

URL: https://ie6-upgrade-warning.googlecode.com/svn/trunk/ie6
Repository Root: https://ie6-upgrade-warning.googlecode.com/svn
Revision: 3
Node Kind: directory
Schedule: normal
Last Changed Author: mihai.ile
Last Changed Rev: 3
Last Changed Date: 2009-04-09 05:24:58 +1000 (Thu, 09 Apr 2009)

Please provide any additional information below.

Original issue reported on code.google.com by andrew.k...@gmail.com on 9 Apr 2009 at 4:08

Attachments:

• Screenshot-1.png

[GoogleCodeExporter]

same for me

Original comment by nilsborc...@gmail.com on 9 Apr 2009 at 12:38

[GoogleCodeExporter]

got the same problem, also

Original comment by byo...@gmail.com on 9 Apr 2009 at 2:35

[GoogleCodeExporter]

Ditti I am having the same display issues.

Original comment by jfox...@gmail.com on 10 Apr 2009 at 8:15

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

Same issue with Win 2000. Changed from "Absolute" to "Relative" and it ended up 
on
the bottom left of the browser. IE6 seriously sucks.

Original comment by chris.p...@gmail.com on 6 May 2009 at 8:59

[GoogleCodeExporter]

same problem, is there a fix?

Original comment by jhuntdes...@gmail.com on 18 May 2009 at 6:03

[GoogleCodeExporter]

I got it to work by doing the following:
First, open warning.js in a text editor and copy/paste it into
http://jsbeautifier.org/ to clean it up and make it readable.  :-)

Then, you'll edit warning.js to change the _dd.style.position, _dd.style.top and
_dd.style.left variables.  
Specifically, I changed 3 things:

Change From: _dd.style.position = "absolute";
Change To: _dd.style.position = "relative";

Change From: _dd.style.top = ((_height - _ddh) / 2) + "px"; 
Change To: _dd.style.top = 0 + "px";

Change From: _dd.style.left = ((_width - _ddw) / 2) + "px";
Change To: _dd.style.left = 0 + "px";

That will make it fit onto the screen properly.  You can also play with the 
variable
values if you want to position it elsewhere.

-Jeff

Original comment by jkuj...@gmail.com on 26 May 2009 at 11:36

[GoogleCodeExporter]

same with ie6 tested with wine on ubuntu 8.04

Original comment by sudhakar...@gmail.com on 1 Jun 2009 at 7:07

[GoogleCodeExporter]

same here

Original comment by hugoase...@gmail.com on 4 Nov 2009 at 8:00

[GoogleCodeExporter]

same for me... for ie6 it seems to be better to create a table html site :-(

Original comment by oliver...@gmail.com on 30 Nov 2009 at 1:42

[GoogleCodeExporter]

Replacing var _width = ... and var _height = ... with:

    if( document.documentElement && ( document.documentElement.clientWidth ||
document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    var _width = document.documentElement.clientWidth;
    var _height = document.documentElement.clientHeight;
     } else if( document.body && ( document.body.clientWidth ||
document.body.clientHeight ) ) {
    //IE 4 compatible
    var _width = document.body.clientWidth;
    var _height = document.body.clientHeight;
    }

gave the best result for me.

Original comment by daniel.w...@googlemail.com on 26 Jan 2010 at 10:02

[GoogleCodeExporter]

Jeff--

Your post was very helpful to me in figuring this out. Thanks!

Another thing that might be helpful is this line:

----------------

var _dd = document.getElementById('_d');
    _ddw = 800;
    _ddh = 260;

----------------

The above values are the ones I used to get the message to display the way I 
wanted
it to. It looks like _ddw and _ddh are the width and height of the message,
respectively. Try this if your last browser icon ends up on its own line.

Original comment by archi...@gmail.com on 8 Feb 2010 at 2:00

[GoogleCodeExporter]

daniel.weuthen's changes fixed it for me (was basically an empty test page)

Original comment by adrian.b...@gmail.com on 23 Feb 2010 at 3:37

[GoogleCodeExporter]

THIS IS SO ANNOYING

IT ADDS ANOTHER BLANK FOOTER TO MY SITE

Original comment by whatma...@gmail.com on 2 Apr 2010 at 9:22

[GoogleCodeExporter]

Combination of jkujath's suggestion to "First, open warning.js in a text editor 
and
copy/paste it into http://jsbeautifier.org/ to clean it up and make it 
readable. 
:-)" and then daniel.weuthen's suggestions worked for me.

Thanks both of you!

Original comment by rebecca...@gmail.com on 12 Apr 2010 at 9:46

[GoogleCodeExporter]

see : http://code.google.com/p/ie6-upgrade-warning/issues/detail?id=10

- fix buy JoblessPunk works perfect for me ;)

Original comment by zackdy...@gmail.com on 13 Apr 2010 at 10:40