页眉未显示，但页脚在asp.net中_Asp.net_Css_Header_Footer_Master Pages

页眉未显示，但页脚在asp.net中

asp.net css

页眉未显示，但页脚在asp.net中,asp.net,css,header,footer,master-pages,Asp.net,Css,Header,Footer,Master Pages,我以前没有太多使用site.master或site.css的经验，所以我不知道哪里出了问题我在我的应用程序中设置了页脚和页眉，在设计视图中，一切都显示得很好。但是当我在本地调试它时，头并没有显示出来；而页脚是有人能帮我吗谢谢 html: /*标题 ----------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #666666; f

我以前没有太多使用site.master或site.css的经验，所以我不知道哪里出了问题

我在我的应用程序中设置了页脚和页眉，在设计视图中，一切都显示得很好。但是当我在本地调试它时，头并没有显示出来；而页脚是

有人能帮我吗

谢谢

html:

/*标题
----------------------------------------------------------*/

  h1, h2, h3, h4, h5, h6
{
font-size: 1.5em;
color: #666666;
font-variant: small-caps;
text-transform: none;
font-weight: 200;
margin-bottom: 0px;    
background-image: url('/Images/utensilsheader.png');
}

test
{
background-image: url(../images/1.png);
position: relative;
margin: 0px;
padding: 0px;


width: auto;
height: 255px;
top: 0px;
left: 1px;
}

h1
{
font-size: 1.6em;
padding-bottom: 0px;
margin-bottom: 0px;

background-image: url('/Images/utensilsheader.png');
}

h2
{
font-size: 1.5em;
font-weight: 600;

background-image: url('/Images/utensilsheader.png');
}

h3
{
font-size: 1.2em;

background-image: url('/Images/utensilsheader.png');
}

h4
{
font-size: 1.1em;

background-image: url('/Images/utensilsheader.png');
}

h5, h6

 .page
{
width: 1080px;
background-color: White;
margin: 20px auto 0px auto;
border: 1px solid #496077;
}

.header
{
position: relative;
margin: 0px;
padding: 0px;
background-image: url('/Images/utensilsheader.png');

width: auto;
height: 255px;
top: 0px;
left: 1px;
}

.header h1
{
font-weight: 700;
margin: 0px;
padding: 0px 0px 0px 20px;
color: #f9f9f9;
border: none;
line-height: 2em;
font-size: 2em;

 div.hideSkiplink
{
background-color:#3a4f63;
width:100%;
display:none;

 }

 div.menu
{
padding: 4px 0px 4px 8px;
display:none;

}

div.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;

}

div.menu ul li a, div.menu ul li a:visited
{
background-color: White;
border: 1px #4e667d solid;
color: #dde4ec;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;

}

div.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;

}

div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;

}

fieldset
{
margin: 1em 0px;
padding: 1em;
border: 1px solid #ccc;
}

fieldset p 
{
margin: 2px 12px 10px 10px;
 }

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
display: block;
 }

fieldset label.inline 
{
display: inline;
}

legend 
{
font-size: 1.1em;
font-weight: 600;
padding: 2px 4px 8px 4px;
}

input.textEntry 
{
width: 320px;
border: 1px solid #ccc;
}

input.passwordEntry 
{
width: 320px;
border: 1px solid #ccc;
}

div.accountInfo
{
width: 42%;
}

.clear
{
clear: both;
}

.title
{
display: none;
float: left;
text-align: left;
width: auto;
}

.loginDisplay
{
font-size: 1.1em;
display: block;
text-align: right;
padding: 10px;
color: White;
}

.loginDisplay a:link
{
color: white;
 }

.loginDisplay a:visited
{
color: white;
}

 .loginDisplay a:hover
{
color: white;
}

.failureNotification
{
font-size: 1.2em;
color: Red;
 }

.bold
{
font-weight: bold;
}

 .submitButton
{
text-align: right;
padding-right: 10px;
}

{ 字号：1em

background-image: url('/Images/utensilsheader.png');
}

/*此规则设置了所需的样式和标记左表列和右表列的第一个子项*/

 .rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
margin-top: 0px;
}

/*主要布局元素
----------------------------------------------------------*/

  h1, h2, h3, h4, h5, h6
{
font-size: 1.5em;
color: #666666;
font-variant: small-caps;
text-transform: none;
font-weight: 200;
margin-bottom: 0px;    
background-image: url('/Images/utensilsheader.png');
}

test
{
background-image: url(../images/1.png);
position: relative;
margin: 0px;
padding: 0px;


width: auto;
height: 255px;
top: 0px;
left: 1px;
}

h1
{
font-size: 1.6em;
padding-bottom: 0px;
margin-bottom: 0px;

background-image: url('/Images/utensilsheader.png');
}

h2
{
font-size: 1.5em;
font-weight: 600;

background-image: url('/Images/utensilsheader.png');
}

h3
{
font-size: 1.2em;

background-image: url('/Images/utensilsheader.png');
}

h4
{
font-size: 1.1em;

background-image: url('/Images/utensilsheader.png');
}

h5, h6

 .page
{
width: 1080px;
background-color: White;
margin: 20px auto 0px auto;
border: 1px solid #496077;
}

.header
{
position: relative;
margin: 0px;
padding: 0px;
background-image: url('/Images/utensilsheader.png');

width: auto;
height: 255px;
top: 0px;
left: 1px;
}

.header h1
{
font-weight: 700;
margin: 0px;
padding: 0px 0px 0px 20px;
color: #f9f9f9;
border: none;
line-height: 2em;
font-size: 2em;

 div.hideSkiplink
{
background-color:#3a4f63;
width:100%;
display:none;

 }

 div.menu
{
padding: 4px 0px 4px 8px;
display:none;

}

div.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;

}

div.menu ul li a, div.menu ul li a:visited
{
background-color: White;
border: 1px #4e667d solid;
color: #dde4ec;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;

}

div.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;

}

div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;

}

fieldset
{
margin: 1em 0px;
padding: 1em;
border: 1px solid #ccc;
}

fieldset p 
{
margin: 2px 12px 10px 10px;
 }

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
display: block;
 }

fieldset label.inline 
{
display: inline;
}

legend 
{
font-size: 1.1em;
font-weight: 600;
padding: 2px 4px 8px 4px;
}

input.textEntry 
{
width: 320px;
border: 1px solid #ccc;
}

input.passwordEntry 
{
width: 320px;
border: 1px solid #ccc;
}

div.accountInfo
{
width: 42%;
}

.clear
{
clear: both;
}

.title
{
display: none;
float: left;
text-align: left;
width: auto;
}

.loginDisplay
{
font-size: 1.1em;
display: block;
text-align: right;
padding: 10px;
color: White;
}

.loginDisplay a:link
{
color: white;
 }

.loginDisplay a:visited
{
color: white;
}

 .loginDisplay a:hover
{
color: white;
}

.failureNotification
{
font-size: 1.2em;
color: Red;
 }

.bold
{
font-weight: bold;
}

 .submitButton
{
text-align: right;
padding-right: 10px;
}

}

/*选项卡菜单
----------------------------------------------------------*/

  h1, h2, h3, h4, h5, h6
{
font-size: 1.5em;
color: #666666;
font-variant: small-caps;
text-transform: none;
font-weight: 200;
margin-bottom: 0px;    
background-image: url('/Images/utensilsheader.png');
}

test
{
background-image: url(../images/1.png);
position: relative;
margin: 0px;
padding: 0px;


width: auto;
height: 255px;
top: 0px;
left: 1px;
}

h1
{
font-size: 1.6em;
padding-bottom: 0px;
margin-bottom: 0px;

background-image: url('/Images/utensilsheader.png');
}

h2
{
font-size: 1.5em;
font-weight: 600;

background-image: url('/Images/utensilsheader.png');
}

h3
{
font-size: 1.2em;

background-image: url('/Images/utensilsheader.png');
}

h4
{
font-size: 1.1em;

background-image: url('/Images/utensilsheader.png');
}

h5, h6

 .page
{
width: 1080px;
background-color: White;
margin: 20px auto 0px auto;
border: 1px solid #496077;
}

.header
{
position: relative;
margin: 0px;
padding: 0px;
background-image: url('/Images/utensilsheader.png');

width: auto;
height: 255px;
top: 0px;
left: 1px;
}

.header h1
{
font-weight: 700;
margin: 0px;
padding: 0px 0px 0px 20px;
color: #f9f9f9;
border: none;
line-height: 2em;
font-size: 2em;

 div.hideSkiplink
{
background-color:#3a4f63;
width:100%;
display:none;

 }

 div.menu
{
padding: 4px 0px 4px 8px;
display:none;

}

div.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;

}

div.menu ul li a, div.menu ul li a:visited
{
background-color: White;
border: 1px #4e667d solid;
color: #dde4ec;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;

}

div.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;

}

div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;

}

fieldset
{
margin: 1em 0px;
padding: 1em;
border: 1px solid #ccc;
}

fieldset p 
{
margin: 2px 12px 10px 10px;
 }

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
display: block;
 }

fieldset label.inline 
{
display: inline;
}

legend 
{
font-size: 1.1em;
font-weight: 600;
padding: 2px 4px 8px 4px;
}

input.textEntry 
{
width: 320px;
border: 1px solid #ccc;
}

input.passwordEntry 
{
width: 320px;
border: 1px solid #ccc;
}

div.accountInfo
{
width: 42%;
}

.clear
{
clear: both;
}

.title
{
display: none;
float: left;
text-align: left;
width: auto;
}

.loginDisplay
{
font-size: 1.1em;
display: block;
text-align: right;
padding: 10px;
color: White;
}

.loginDisplay a:link
{
color: white;
 }

.loginDisplay a:visited
{
color: white;
}

 .loginDisplay a:hover
{
color: white;
}

.failureNotification
{
font-size: 1.2em;
color: Red;
 }

.bold
{
font-weight: bold;
}

 .submitButton
{
text-align: right;
padding-right: 10px;
}

/*表单元素
----------------------------------------------------------*/

  h1, h2, h3, h4, h5, h6
{
font-size: 1.5em;
color: #666666;
font-variant: small-caps;
text-transform: none;
font-weight: 200;
margin-bottom: 0px;    
background-image: url('/Images/utensilsheader.png');
}

test
{
background-image: url(../images/1.png);
position: relative;
margin: 0px;
padding: 0px;


width: auto;
height: 255px;
top: 0px;
left: 1px;
}

h1
{
font-size: 1.6em;
padding-bottom: 0px;
margin-bottom: 0px;

background-image: url('/Images/utensilsheader.png');
}

h2
{
font-size: 1.5em;
font-weight: 600;

background-image: url('/Images/utensilsheader.png');
}

h3
{
font-size: 1.2em;

background-image: url('/Images/utensilsheader.png');
}

h4
{
font-size: 1.1em;

background-image: url('/Images/utensilsheader.png');
}

h5, h6

 .page
{
width: 1080px;
background-color: White;
margin: 20px auto 0px auto;
border: 1px solid #496077;
}

.header
{
position: relative;
margin: 0px;
padding: 0px;
background-image: url('/Images/utensilsheader.png');

width: auto;
height: 255px;
top: 0px;
left: 1px;
}

.header h1
{
font-weight: 700;
margin: 0px;
padding: 0px 0px 0px 20px;
color: #f9f9f9;
border: none;
line-height: 2em;
font-size: 2em;

 div.hideSkiplink
{
background-color:#3a4f63;
width:100%;
display:none;

 }

 div.menu
{
padding: 4px 0px 4px 8px;
display:none;

}

div.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;

}

div.menu ul li a, div.menu ul li a:visited
{
background-color: White;
border: 1px #4e667d solid;
color: #dde4ec;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;

}

div.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;

}

div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;

}

fieldset
{
margin: 1em 0px;
padding: 1em;
border: 1px solid #ccc;
}

fieldset p 
{
margin: 2px 12px 10px 10px;
 }

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
display: block;
 }

fieldset label.inline 
{
display: inline;
}

legend 
{
font-size: 1.1em;
font-weight: 600;
padding: 2px 4px 8px 4px;
}

input.textEntry 
{
width: 320px;
border: 1px solid #ccc;
}

input.passwordEntry 
{
width: 320px;
border: 1px solid #ccc;
}

div.accountInfo
{
width: 42%;
}

.clear
{
clear: both;
}

.title
{
display: none;
float: left;
text-align: left;
width: auto;
}

.loginDisplay
{
font-size: 1.1em;
display: block;
text-align: right;
padding: 10px;
color: White;
}

.loginDisplay a:link
{
color: white;
 }

.loginDisplay a:visited
{
color: white;
}

 .loginDisplay a:hover
{
color: white;
}

.failureNotification
{
font-size: 1.2em;
color: Red;
 }

.bold
{
font-weight: bold;
}

 .submitButton
{
text-align: right;
padding-right: 10px;
}

/*杂项
----------------------------------------------------------*/

  h1, h2, h3, h4, h5, h6
{
font-size: 1.5em;
color: #666666;
font-variant: small-caps;
text-transform: none;
font-weight: 200;
margin-bottom: 0px;    
background-image: url('/Images/utensilsheader.png');
}

test
{
background-image: url(../images/1.png);
position: relative;
margin: 0px;
padding: 0px;


width: auto;
height: 255px;
top: 0px;
left: 1px;
}

h1
{
font-size: 1.6em;
padding-bottom: 0px;
margin-bottom: 0px;

background-image: url('/Images/utensilsheader.png');
}

h2
{
font-size: 1.5em;
font-weight: 600;

background-image: url('/Images/utensilsheader.png');
}

h3
{
font-size: 1.2em;

background-image: url('/Images/utensilsheader.png');
}

h4
{
font-size: 1.1em;

background-image: url('/Images/utensilsheader.png');
}

h5, h6

 .page
{
width: 1080px;
background-color: White;
margin: 20px auto 0px auto;
border: 1px solid #496077;
}

.header
{
position: relative;
margin: 0px;
padding: 0px;
background-image: url('/Images/utensilsheader.png');

width: auto;
height: 255px;
top: 0px;
left: 1px;
}

.header h1
{
font-weight: 700;
margin: 0px;
padding: 0px 0px 0px 20px;
color: #f9f9f9;
border: none;
line-height: 2em;
font-size: 2em;

 div.hideSkiplink
{
background-color:#3a4f63;
width:100%;
display:none;

 }

 div.menu
{
padding: 4px 0px 4px 8px;
display:none;

}

div.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;

}

div.menu ul li a, div.menu ul li a:visited
{
background-color: White;
border: 1px #4e667d solid;
color: #dde4ec;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;

}

div.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;

}

div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;

}

fieldset
{
margin: 1em 0px;
padding: 1em;
border: 1px solid #ccc;
}

fieldset p 
{
margin: 2px 12px 10px 10px;
 }

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
display: block;
 }

fieldset label.inline 
{
display: inline;
}

legend 
{
font-size: 1.1em;
font-weight: 600;
padding: 2px 4px 8px 4px;
}

input.textEntry 
{
width: 320px;
border: 1px solid #ccc;
}

input.passwordEntry 
{
width: 320px;
border: 1px solid #ccc;
}

div.accountInfo
{
width: 42%;
}

.clear
{
clear: both;
}

.title
{
display: none;
float: left;
text-align: left;
width: auto;
}

.loginDisplay
{
font-size: 1.1em;
display: block;
text-align: right;
padding: 10px;
color: White;
}

.loginDisplay a:link
{
color: white;
 }

.loginDisplay a:visited
{
color: white;
}

 .loginDisplay a:hover
{
color: white;
}

.failureNotification
{
font-size: 1.2em;
color: Red;
 }

.bold
{
font-weight: bold;
}

 .submitButton
{
text-align: right;
padding-right: 10px;
}

这是一个错误-h1的颜色是白色的。这就是为什么你不能在白色背景下看到它

以下是如何在浏览器中调试。FireFox有FireBug

我希望这能帮助你继续前进

在IE中调试

在Chrome中调试

是在所有浏览器中都会发生这种情况，还是在特定的浏览器中都会发生这种情况？你需要缩小范围。删除css中的所有内容并一次添加一行。嗨，我如何让它在不同的浏览器中运行？我已经设置了internet explorer？将IE中的内容复制到FireFox、Chrome和Safari（欢迎来到IE world）。）有些css与IE不兼容，很容易修复；这只是web developer的第二个特性：正如我所说的，删除css中的所有内容，然后一次一行重新添加。hmmmm，问题是当我在IE中运行它时，我看不到标题中的图像。当我转到背景图像时，它旁边说没有。尽管我已经在css？中设置了ne，并且感谢您提供的关于调试的信息，但它还是有帮助的，因为这是一种更容易看到正在发生什么的方法。太好了。如果这回答了你的问题，请按回答的那样回答。这将有助于社区。