Web app built for IE 6 displays incorrectly in IE 7

Does you page display correctly in FireFox?

05.08.2008 at 11:48AM PDT, ID: 21527382

I have not tried it in FireFox. I can try downloading it... however, it would be an entirely different discussion to switch browsers for the company.

Also, I notice the IE 7 picture should be full screen... I took the screenshot with an extended desktop. Sorry about that.

Thanks for the help.

05.08.2008 at 11:56AM PDT, ID: 21527444

Rank: Guru

Try to insert the attached code snippet in your Web.config file. It needs to be within <system.web> section. It works for me.

                       
         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:

           
           
             <!-- The following part handles browser compatability -->
	
	<browserCaps>
 
		<!-- 
		Name:		BrowserCaps update for modern browsers, http://slingfive.com/pages/code/browserCaps/
		Author:	Rob Eberhardt, http://slingfive.com/
		History:
			2004-11-19	improved detection of Safari, Konqueror &amp; Mozilla variants, added Opera detection
			2003-12-21	updated TagWriter info
			2003-12-03	first published
		-->
 
			<!-- GECKO Based Browsers (Netscape 6+, Mozilla/Firefox, ...) //-->
			<case match="^Mozilla/5\.0 \([^)]*\) (Gecko/[-\d]+)(?'VendorProductToken' (?'type'[^/\d]*)([\d]*)/(?'version'(?'major'\d+)(?'minor'\.\d+)(?'letters'\w*)))?">
				browser=Gecko
				<filter>
					<case match="(Gecko/[-\d]+)(?'VendorProductToken' (?'type'[^/\d]*)([\d]*)/(?'version'(?'major'\d+)(?'minor'\.\d+)(?'letters'\w*)))">
						type=${type}
					</case>
					<case> <!-- plain Mozilla if no VendorProductToken found -->
						type=Mozilla
					</case>
				</filter>
				frames=true
				tables=true
				cookies=true
				javascript=true
				javaapplets=true
				ecmascriptversion=1.5
				w3cdomversion=1.0
				css1=true
				css2=true
				xml=true
				tagwriter=System.Web.UI.HtmlTextWriter
				<case match="rv:(?'version'(?'major'\d+)(?'minor'\.\d+)(?'letters'\w*))">
					version=${version}
					majorversion=0${major}
					minorversion=0${minor}
					<case match="^b" with="${letters}">
						beta=true
					</case>
				</case>
			</case>
 
			<!-- AppleWebKit Based Browsers (Safari...) //-->
			<case match="AppleWebKit/(?'version'(?'major'\d?)(?'minor'\d{2})(?'letters'\w*)?)">
				browser=AppleWebKit
				version=${version}
				majorversion=0${major}
				minorversion=0.${minor}
				frames=true
				tables=true
				cookies=true
				javascript=true
				javaapplets=true
				ecmascriptversion=1.5
				w3cdomversion=1.0
				css1=true
				css2=true
				xml=true
				tagwriter=System.Web.UI.HtmlTextWriter
				<case match="AppleWebKit/(?'version'(?'major'\d)(?'minor'\d+)(?'letters'\w*))(.* )?(?'type'[^/\d]*)/.*( |$)">
					type=${type}
				</case>
			</case>
 
			<!-- Konqueror //-->
			<case match=".+[K|k]onqueror/(?'version'(?'major'\d+)(?'minor'(\.[\d])*)(?'letters'[^;]*));\s+(?'platform'[^;\)]*)(;|\))">
				browser=Konqueror
				version=${version}
				majorversion=0${major}
				minorversion=0${minor}
				platform=${platform}
				type=Konqueror
				frames=true
				tables=true
				cookies=true
				javascript=true
				javaapplets=true
				ecmascriptversion=1.5
				w3cdomversion=1.0
				css1=true
				css2=true
				xml=true
				tagwriter=System.Web.UI.HtmlTextWriter
			</case>
 
			<!-- Opera //-->
			<case match="Opera[ /](?'version'(?'major'\d+)(?'minor'\.(?'minorint'\d+))(?'letters'\w*))">
				<filter match="[7-9]" with="${major}">
					tagwriter=System.Web.UI.HtmlTextWriter
				</filter>
				<filter>
					<case match="7" with="${major}">
						<filter>
							<case match="[5-9]" with="${minorint}">
								ecmascriptversion=1.5
							</case>
							<case>
								ecmascriptversion=1.4
							</case>
						</filter>
					</case>
					<case match="[8-9]" with="${major}">
						ecmascriptversion=1.5
					</case>
				</filter>
			</case>
 
 
		</browserCaps>
		
	<!-- End of browser compatability handling -->

           
         

Open in New Window

05.08.2008 at 11:57AM PDT, ID: 21527453

Rank: Guru

Or, you can download it from the official web site at: http://slingfive.com/pages/code/browserCaps/
The link is also in the code snippet I attached.

05.08.2008 at 12:45PM PDT, ID: 21527834

I tried inserting this code. No change.

This appears to be focused on browsers other than IE, is this correct? I do not believe it is feasible, at this time, to switch browsers.

Any other ideas?

05.08.2008 at 01:11PM PDT, ID: 21528045

Rank: Guru

Then check your CSS file.

05.08.2008 at 01:29PM PDT, ID: 21528189

Rank: Guru

Did you set the HEIGHT value of a control?

Accepted Solution

05.08.2008 at 01:44PM PDT, ID: 21528296

Rank: Wizard

Sounds like a mis-placed </table> tag.

05.08.2008 at 02:00PM PDT, ID: 21528437

I checked the CSS and I have no height specifiied. In this specific page, I am using an iframe... however, I checked another web app which does not have this and it has the same display.

I have seen some postings elsewhere that indicate there is a CSS compatability issue with IE 7... but haven't found any specific "LOOK FOR THIS" items...

Still looking.

Thanks.

05.09.2008 at 12:41PM PDT, ID: 21535876

I was not able to find any CSS related solutions. Does anyone else have any ideas?

05.09.2008 at 12:45PM PDT, ID: 21535900

Rank: Wizard

Mis-placed closing tag. Point the html at a validator and it ought to find something.

05.15.2008 at 08:53AM PDT, ID: 21574997

jcoehoorn, can you explain the validator? I've never used one.

I tried the page in FireFox and it appears the same as in IE7. I tried manually setting the height and it did enlarge the panel properly... but, is this required?

05.15.2008 at 09:08AM PDT, ID: 21575171

Rank: Wizard

I just mean a service that will check whether your html is valid. Something like this:
http://validator.w3.org/

I've seen pages cut off at the knees, as it were, before, and it's usually come down to a mis-placed closing tag- perhaps </table> or </div>- that was leading the browser to decided a large portion of the page is already rendered.

05.15.2008 at 11:03AM PDT, ID: 21576501

I tried running it through the validator, but it received over 100 errors. Some of the errors seem a little incorrect, as the basic format was created by Visual Studio.

                       
         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:

           
           
             <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="main" %>
 
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <script language="javascript" type="text/javascript" src="marquee.js"></script>
    <link rel="stylesheet" type="text/css" href="stylesheet.css" />
    <title>Nichirin Tennessee, Inc. Intranet Website</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat="server">
            </asp:ScriptManager>
            <asp:Panel ID="Panel1" runat="server">
                <asp:Panel ID="Panel2" runat="server" BackColor="ROYALBLUE">
                    <asp:Label ID="Label1" runat="server" Text="NICHIRIN TENNESSEE, INC." Font-Bold="True"
                        Font-Size="X-Large" ForeColor="Red" Width="400px"></asp:Label>
                    <marquee scrollamount="3" behaviour="alternate" width="50%" align="left" onbounce="this.stop()">
    <font color="white"><b><script language="javascript">document.write(marText)</script></b></font>
    </marquee>
                    <asp:Menu ID="Menu1" OnMenuItemClick="menu1_click" MaximumDynamicDisplayLevels="4"
                        ForeColor="white" Font-Bold="true" DynamicMenuItemStyle-ForeColor="black" StaticMenuItemStyle-HorizontalPadding="10px"
                        Orientation="Horizontal" runat="server" DisappearAfter="2">
                        <Items>
                            <asp:MenuItem Text="Communications">
                                <asp:MenuItem Text="Monthly Info"></asp:MenuItem>
                                <asp:MenuItem Text="Event Pictures"></asp:MenuItem>
                            </asp:MenuItem>
                            <asp:MenuItem Text="NNT">
                                <asp:MenuItem Text="Whiteboard"></asp:MenuItem>
                                <asp:MenuItem Text="AssetSystem" NavigateUrl="http://assetsystem" Target="_blank"></asp:MenuItem>
                                <asp:MenuItem Text="OPR" NavigateUrl="http://opr" Target="_blank"></asp:MenuItem>
                                <asp:MenuItem Text="NNTManagementWeb" NavigateUrl="http://nntmanagementweb/newovertimerequest.aspx"
                                    Target="_blank"></asp:MenuItem>
                            </asp:MenuItem>
                            <asp:MenuItem Text="MAPICS Info">
                                <asp:MenuItem Text="MAPICS History"></asp:MenuItem>
                                <asp:MenuItem Text="MAPICS Component Requirements Forecast"></asp:MenuItem>
                                <asp:MenuItem Text="MAPICS BOM Lookup" Value="bomlookup.aspx"></asp:MenuItem>
                                <asp:MenuItem Text="MAPICS Where-Used Lookup" Value="whereused.aspx"></asp:MenuItem>
                                <asp:MenuItem Text="Safety Stock Comparison"></asp:MenuItem>
                                <asp:MenuItem Text="Comprehensive BOM"></asp:MenuItem>
                                <asp:MenuItem Text="MAPICS Info Lookup"></asp:MenuItem>
                                <asp:MenuItem Text="High Balance Report"></asp:MenuItem>
                                <asp:MenuItem Text="Low Balance Report"></asp:MenuItem>
                                <asp:MenuItem Text="Zero Safety Stock Report"></asp:MenuItem>
                            </asp:MenuItem>
                            <asp:MenuItem Text="NNI" NavigateUrl="http://intranet" Target="_blank"></asp:MenuItem>
                            <asp:MenuItem Text="HPPR System">
                                <asp:MenuItem Text="Start-up - 12/14/06" Selectable="false">
                                    <asp:MenuItem Text="Daily Production"></asp:MenuItem>
                                    <asp:MenuItem Text="Production Summary"></asp:MenuItem>
                                    <asp:MenuItem Text="Graphs">
                                        <asp:MenuItem Text="Summary"></asp:MenuItem>
                                        <asp:MenuItem Text="Top 3 (U/C)"></asp:MenuItem>
                                        <asp:MenuItem Text="PPM Tracking"></asp:MenuItem>
                                        <asp:MenuItem Text="Production Summary (U/C)"></asp:MenuItem>
                                    </asp:MenuItem>
                                </asp:MenuItem>
                                <asp:MenuItem Text="12/15/06 - ~" Selectable="false">
                                    <asp:MenuItem Text="Daily Production"></asp:MenuItem>
                                    <asp:MenuItem Text="Production Summary"></asp:MenuItem>
                                    <asp:MenuItem Text="Graphs">
                                        <asp:MenuItem Text="Summary"></asp:MenuItem>
                                        <asp:MenuItem Text="Top 3 (U/C)"></asp:MenuItem>
                                        <asp:MenuItem Text="PPM Tracking"></asp:MenuItem>
                                        <asp:MenuItem Text="Production Summary (U/C)"></asp:MenuItem>
                                    </asp:MenuItem>
                                </asp:MenuItem>
                            </asp:MenuItem>
                            <asp:MenuItem Text="QCSRS">
                                <asp:MenuItem Text="Daily Summary"></asp:MenuItem>
                                <asp:MenuItem Text="Daily Summary Graphs"></asp:MenuItem>
                                <asp:MenuItem Text="Comprehensive Scrap Report"></asp:MenuItem>
                            </asp:MenuItem>
                            <asp:MenuItem Text="Packaging" NavigateUrl="http://lewisburg3/packagingmain.htm"
                                Target="_blank"></asp:MenuItem>
                            <asp:MenuItem Text="QEPM"></asp:MenuItem>
                        </Items>
                    </asp:Menu>
                </asp:Panel>
            </asp:Panel>
            <br />
            <iframe frameborder="0" width="100%" height="100%" runat="server" id="framemain"
                src="http://lewisburg3/absences/absences.aspx"></iframe>
            <cc1:RoundedCornersExtender ID="RoundedCornersExtender1" runat="server" TargetControlID="Panel2"
                Radius="2">
            </cc1:RoundedCornersExtender>
            <cc1:DropShadowExtender ID="DropShadowExtender1" runat="server" Opacity="0.6" Radius="6"
                TargetControlID="Panel2">
            </cc1:DropShadowExtender>
        </div>
    </form>
</body>
</html>
           
         

Open in New Window

05.15.2008 at 11:11AM PDT, ID: 21576557

Rank: Wizard