L
LenaMsdn08
We have a website that uses a third-party menu control. This control
displayes correctly in IE6 and IE7, but in IE8 it displays little "boxes" to
the right of menus with dropdowns. (I have set up a test site with a couple
of HTML pages at ie8.rlftest.com. See
ie8.rlftest.com/default_rely_on_IIS_http_header.htm and
ie8.rlftest.com/default_with_meta.htm - the "boxes" are showing up to the
right of the My Training, Programs, Store Records and Reports menus in the
main menu.)
Since the menu control is used on nearly every page on the site, I would
prefer to handle this using HTTP headers configured in IIS. I tried that and
used Fiddler 2 to verify that the header is indeed being sent, however the
"boxes" still display. This is the raw header output from Fiddler:
HTTP/1.1 304 Not Modified
Last-Modified: Mon, 05 Oct 2009 16:23:19 GMT
Accept-Ranges: bytes
ETag: "5f2c3e26d845ca1:606"
Server: Microsoft-IIS/6.0
X-Powered-By: ASP.NET
X-UA-Compatible: IE=EmulateIE7
Date: Mon, 05 Oct 2009 17:30:43 GMT
I also tried using the X-UA-Compatible meta tag first in the <HEAD> section,
but even with that, the "boxes" still display.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"/>
<meta content="C#" name="CODE_LANGUAGE"/>
<meta content="JavaScript" name="vs_defaultClientScript"/>
<meta content="http://schemas.microsoft.com/intellisense/ie5"
name="vs_targetSchema"/>
<title>NAPA Training: Reports</title>
<LINK href="/library/brands/napatrain/NAPATraining.css" type="text/css"
rel="stylesheet">
<script src="js/global.js" type="text/javascript"></script>
</head>
<body>
<form name="Form1" method="post" action="page.aspx?pcid=413" id="Form1">
....
The "broken page" button does not display in IE8, but I can go into the Page
menu Compatibililty View Settings in the browser and add the rlftest.com site
to the list of sites to display in Compatibility View. If I do that, the page
displays correctly, however our client is not willing to have all their users
go through that process.
I tried entering javascript:alert (document.documentMode); in the IE8
Address bar. It returns 5 in all cases, whether the "boxes" display or not.
Modifying or replacing the third-party menu control is, unfortunately, not
an option.
If anyone can see what I am missing here, please let me know!
Lena
displayes correctly in IE6 and IE7, but in IE8 it displays little "boxes" to
the right of menus with dropdowns. (I have set up a test site with a couple
of HTML pages at ie8.rlftest.com. See
ie8.rlftest.com/default_rely_on_IIS_http_header.htm and
ie8.rlftest.com/default_with_meta.htm - the "boxes" are showing up to the
right of the My Training, Programs, Store Records and Reports menus in the
main menu.)
Since the menu control is used on nearly every page on the site, I would
prefer to handle this using HTTP headers configured in IIS. I tried that and
used Fiddler 2 to verify that the header is indeed being sent, however the
"boxes" still display. This is the raw header output from Fiddler:
HTTP/1.1 304 Not Modified
Last-Modified: Mon, 05 Oct 2009 16:23:19 GMT
Accept-Ranges: bytes
ETag: "5f2c3e26d845ca1:606"
Server: Microsoft-IIS/6.0
X-Powered-By: ASP.NET
X-UA-Compatible: IE=EmulateIE7
Date: Mon, 05 Oct 2009 17:30:43 GMT
I also tried using the X-UA-Compatible meta tag first in the <HEAD> section,
but even with that, the "boxes" still display.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"/>
<meta content="C#" name="CODE_LANGUAGE"/>
<meta content="JavaScript" name="vs_defaultClientScript"/>
<meta content="http://schemas.microsoft.com/intellisense/ie5"
name="vs_targetSchema"/>
<title>NAPA Training: Reports</title>
<LINK href="/library/brands/napatrain/NAPATraining.css" type="text/css"
rel="stylesheet">
<script src="js/global.js" type="text/javascript"></script>
</head>
<body>
<form name="Form1" method="post" action="page.aspx?pcid=413" id="Form1">
....
The "broken page" button does not display in IE8, but I can go into the Page
menu Compatibililty View Settings in the browser and add the rlftest.com site
to the list of sites to display in Compatibility View. If I do that, the page
displays correctly, however our client is not willing to have all their users
go through that process.
I tried entering javascript:alert (document.documentMode); in the IE8
Address bar. It returns 5 in all cases, whether the "boxes" display or not.
Modifying or replacing the third-party menu control is, unfortunately, not
an option.
If anyone can see what I am missing here, please let me know!
Lena
