Hi…I just created a site and my co-worker has ie 8.0.601.18702…It seems that the whole navigation which is css based is not showing up on her browser…Where do I even begin to troubleshoot was is going on…is it possible that she has css disabled or something …where would I check for that… Even her background color looks different than on my browser…
Here is my CSS
body {
margin: 0;
padding: 0;
font-family: Verdana, Arial , Helvetica, sans-serif;
background-color: #FFFFFF;
text-align: center;
font-size: .90em;
/*background-image: url(../images/ContentBack.jpg);*/
}
img
{
border-width: 0px;
}
#wrapper {
position: relative;
text-align: left;
width: 744px;
margin-right: auto;
margin-left: auto;
margin-bottom: 1em;
border:1px solid white;
}
#wrapper2 {
background-image: url(../images/sidebar.gif);
background-repeat:repeat-y;
margin: 0 10px 0 10px;
border:1px solid white;
}
#header {
background-image: url(../images/001_top-line.gif);
background-repeat:no-repeat;
float:left;
background-repeat:repeat-x;
height:150px;
position:relative;
width: 724px;
background-color:White;
}
#header h1 {
margin: 0;
padding: 0.5em 10px 0.5em 0;
text-align: right;
width: 714px; /* padding right adds 10 px so subtract 724-10=714 */
font-weight:normal;
color: #fff;
font-size: 16px;
position:absolute;
bottom: 0px;
left: 0px;
background-image: url(../images/mainBG80Percent.png);
background-repeat:repeat-x;
}
#content {
float: right;
width: 460px;
padding: 0 10px 0 0;
margin-top: 10px;
}
#contentLogin{
margin: 0 10px 0 10px;
}
#contentNav {
float: right;
width: auto;
padding: 0 10px 0 0;
margin-top: 10px;
margin-right: 10px;
}
#content .accordion {
width: 100%;
padding: 0;
margin: 0;
}
#content h2 {
font-size: 120%;
color: #003876;
background-color: transparent;
margin: 0;
margin-top: 10px;
padding: 1.4em 0 1.0em 0;
}
#content p a:link ,#content p a:visited{
font-size: 80%;
line-height: 1.6;
color: #003876;
text-decoration:none;
}
#content ul
{ list-style: none; }
.LinkButton
{
font-size: 85%;
}
#nav {
float:left;
width: 230px;
}
#nav ul {
list-style: none;
margin: 2em 0 0 0;
padding: 0;
border: none;
}
#nav li {
font-size: 85%;
}
#nav a:link, #nav a:visited {
color: #555555;
background-color:transparent;
display:block;
padding: 1em 0 0 10px;
text-decoration:none;
min-height: 35px;
}
#nav li.cur a:link, #nav li.cur a:visited {
color: #ffffff;
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
}
#nav a:hover {
color: #3C578A;
background-image: url(../images/arrow_low30Percent.png);
background-repeat: no-repeat;
}
#footer {
clear:both;
font-size: 80%;
padding: 1em 0 1em 0;
margin-left: 250px;
color: #999;
background-color: transparent;
}
#btm {
background-image: url(../images/shadow-bottom.jpg);
background-repeat: no-repeat;
display: block;
height: 13px;
}
.bt {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
display: inline-block;
padding: 4px 6px 2px;
padding-bottom: 4px; /* IE hack to fix spacing issue. */
/*.padding-bottom: 4px; /* IE hack to fix spacing issue. */
text-decoration: none;
text-align: center;
background: #f9f9f9;
color: #3C578A;
border: 1px solid;
border-top-color: #ccc;
border-left-color: #ccc;
border-right-color: #bbb;
border-bottom-color: #bbb;
}
.bt:hover {
border-color: #B4BFD3;
}
.chkall {
text-decoration: none;
}
.pchkall {
text-decoration: none;
color: #3C578A;
font-weight: bold;
background:#eee;
border:1px solid #ccc;
}
.disabled {
text-decoration: none;
color: #DBDBDB;
}
table.chkList tr td label {
margin-left : 10px;
font-size: 80%;
}
.myform {
margin:10px auto;
width: 400px;
padding:14px;
}
/* ----------- stylized ----------- */
#stylized{
border:solid 2px #3C578A;
/*background:#ebf4fb;*/
background:#CDD6E2;
width: 720px;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized .error{
color:red;
display:block;
font-size:11px;
font-weight:normal;
text-align:left;
width:300px;
margin-bottom: 5px;
float:left;
}
#stylized .notes{
display:block;
font-size:11px;
font-weight:normal;
text-align:left;
width:300px;
margin-bottom: 5px;
color:#666666;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
#stylized .notes input{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666;
text-align:center;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin-bottom: 10px;
}
.Loading
{
position:absolute;
top:50%;
left:50%;
}
.spacer{clear:both; height:8px;}
here is the site.master main asp file
<%@ Master Language="VB" AutoEventWireup="false" CodeFile="Site.Master.vb" Inherits="Site" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<%@ Register TagPrefix="uc2" TagName="HeaderControl" Src="~/HeaderControl.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
<title>Welcome To Architect View</title>
<!-- Styles -->
<!-- Style for Main Architect View -->
<link href="~/Styles/MainArchitectView.css" rel="stylesheet" type="text/css" />
<!-- Theme used by Jquery UI elements -->
<link type="text/css" href="~/Styles/jquery-ui-1.8.5.custom-blue/css/custom-theme/jquery-ui-1.8.5.custom.css" rel="stylesheet" />
<!-- Style used by Engineering Tools popup Windows-->
<link href="Scripts/AeroWindow V3.5/css/AeroWindow.css?r=123" rel="stylesheet" type="text/css"/>
<!-- Accordion Menus -->
<link href="~/Styles/AccordionMenu.css" rel="Stylesheet" type="text/css" />
<!-- File Download Dialog Style -->
<link href="~/Styles/mt.dialog.css" rel="Stylesheet" type="text/css" />
<!-- Style for thumbnail image Zooms -->
<link type="text/css" href="fancybox/jquery.fancybox-1.3.1.css" rel="stylesheet" />
<!-- Add png support for IE6 -->
<!--[if lt IE 7 ]>
<link href="~/Styles/IE6.css" rel="Stylesheet" type="text/css" />
<![endif]-->
<!-- End Styles -->
<!-- Scripts -->
<!-- Jquery LIBS -->
<script type="text/javascript" src="Scripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="Scripts/jquery-ui-1.8.2.custom.min.js"></script>
<!-- Main Site fucntionality -->
<script type="text/javascript" src="Scripts/main_site.js"></script>
<!-- Engineering tools section and dependencies -->
<script type="text/javascript" src="Scripts/AeroWindow V3.5/js/jquery-AeroWindow.js"></script>
<!-- thumbnail image Zooms -->
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.1.js"></script>
<!-- End Scripts -->
<asp:ContentPlaceHolder ID="HeadContent" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form runat="server" id="Form1">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div id="wrapper">
<div id="wrapper2">
<div id="header">
<uc2:headercontrol id="HeaderControl1" runat="server"></uc2:headercontrol>
</div> <!-- End DIV header -->
<div id="content">
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
<div id="dialog-message" title="Generating File...">
</div>
<!-- Provides File Download dialog logic -->
<script type="text/javascript" src="Scripts/FileDownLoadUI.js"></script>
</div> <!-- End DIV content -->
<div id="nav">
<asp:XmlDataSource ID="XmlDataSourceNavMenu" runat="server" DataFile="~/Xml/NavigationMenu.xml" XPath="MENU/ITEM">
</asp:XmlDataSource>
<ul>
<asp:Repeater ID="RepeaterNavMenu" runat="server" DataSourceID="XmlDataSourceNavMenu" >
<ItemTemplate>
<li <%# CheckPage(XPATH("BREADCRUMB")) %>><a href="<%#XPATH("LINK") %>"><%# XPath("DISPLAY")%></a></li>
</ItemTemplate>
</asp:Repeater>
</ul>
<asp:XmlDataSource ID="XmlDataSourceNavMenu2" runat="server" DataFile="~/Xml/NavigationMenuGroup2.xml" XPath="MENU/ITEM">
</asp:XmlDataSource>
<ul>
<asp:Repeater ID="RepeaterNavMenu2" runat="server" DataSourceID="XmlDataSourceNavMenu2" >
<ItemTemplate>
<li <%# CheckPage(XPATH("BREADCRUMB")) %>><a href="<%#XPATH("LINK") %>"><%# XPath("DISPLAY")%></a></li>
</ItemTemplate>
</asp:Repeater>
</ul>
<asp:LinkButton ID="BtnLogout" runat="server" Text="Logout" OnClick="BtnLogout_Click" CssClass="LinkButton" ClientIDMode="Static" >Log Out</asp:LinkButton>
<script type="text/javascript">
$('a#BtnLogout').click(function () {
$(this).text("Logging Out..");
});
</script>
</div><!-- End DIV nav -->
<div id="footer </div><!-- End DIV footer -->
</div><!-- End DIV wrapper 2 -->
<div id="btm"></div> <!-- End DIV btm -->
</div><!-- End DIV wrapper -->
</form>
</body>
</html>
Hi, I think It would be of more use If you could provide a link. So we can check it as well in IE8
well, I can’t …it would require username and password…any other ideas of what it could be or what I could look for or what tools to use to debug…is there something out there that lets me view my page in multiple ie versions?
Alternatively if you could give us the HTML source code of the page (ie, what you get if you load the page and go to View > Source), rather than the ASP file, that would help.
It had to do with this line of code
<!-- Provides File Download dialog logic –>
<script type=“text/javascript” src=“Scripts/FileDownLoadUI.js”></script>
and this article solved my problem… I moved the code into header section which required me to modify the code a bit but it worked
Why do I receive an "Operation aborted" error message when I visit a Web page in Internet Explorer?
So we do not where to find the problem, it is best to provide a link, or source code.
<snip />[URL=“http://www.opizcn.com”]
I’d recommend opening the page in firefox and use firebug to try different things and edit elements.