aspx在 google chrome 和 firefox 显示 问题
用.net开发的一个页面，发现用不同的浏览器打开的页面，出现的东西有点差异，主要是IE和firefox之间，chrome来自firefox，也没有什么好说的。页面在这里。
http://www.ggspeak.cn/UnderConstruct.aspx
UnderConstruct.aspx的代码
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="UnderConstruct.aspx.cs" Inherits="UnderConstruct" EnableEventValidation = "false"%>
<asp:Content id="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
ただいま工事中。しばらくお待ちください。
</asp:Content>
这里用到了一个母模板，MasterPage.master
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<%@ Register Src="userLoginPanel.ascx" TagName="Login" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>カット予約システム</title>
<link href="Pic/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="container">
<div id="header">
<div id="menu">
<ul>
<li><a href="./ProfileHome.aspx">個人プロファイル</a></li>
<li class="menuDiv"></li>
<li><a href="./LoginHome.aspx">カット予約システム</a></li>
<li class="menuDiv"></li>
<li><a href="./UnderConstruct.aspx">メッセージ</a></li>
<li class="menuDiv"></li>
<li><a href="./UnderConstruct.aspx">アルバム</a></li>
<li class="menuDiv"></li>
<li><a href="./UnderConstruct.aspx">フォーラム</a></li>
<li class="menuDiv"></li>
<li><a href="./ProfileHome.aspx">お問い合わせ</a></li>
</ul>
</div>
</div>
<div id="pagebody">
<div id="sidebar">
<uc1:Login ID="userLogin" runat="server"/>
</div>
<div id="mainbody">
<asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
</asp:contentplaceholder>
</div>
</div>
<div id="banner">
</div>
<div id="footer">
<A HREF="./ProfileHome.aspx">お問い合わせ</A> <A HREF="./UnderConstruct.aspx">サイトマップ</A>
Copyright:(C)2009 All Rights Reserved by SNOPPY.
</div>
</div>
</form>
<script type="text/javascript">
document.getElementById("sidebar").style.height=document.getElementById("pagebody").scrollHeight+"px";
document.getElementById("mainbody").style.height=document.getElementById("pagebody").scrollHeight-2+"px";
</script>
</body>
</html>
以及一个CSS文件。
/*基本信息*/
body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;}
a:link,a:visited {font-size:12px;text-decoration: none;}
a:hover{}
/*页面层容器*/
#container {width:800px;height:600px;margin:10px auto}
/*页面头部*/
#header {background:url(logo.gif) no-repeat}
#menu {padding:20px 20px 0 0}
#menu ul {float:right;list-style:none;margin:0px;}
#menu ul li {float:left;display:block;line-height:30px;margin:0 10px}
#menu ul li a:link,#menu ul li a:visited {font-weight:bold;color:#666}
#menu ul li a:hover{}
.menuDiv {width:1px;height:28px;background:#999}
#banner {
background:url(banner.jpg) no-repeat; /*加入背景图片*/
width:730px; /*设定层的宽度*/
margin:auto; /*层居中*/
height:240px; /*设定高度*/
border-bottom:5px solid #EFEFEF; /*画一条浅灰色实线*/
clear:both /*清除浮动*/
}
/*页面主体*/
#pagebody {
width:730px; /*设定宽度*/
margin:8px auto; /*居中*/
overflow:hidden;
}
#sidebar {
width:160px; /*设定宽度*/
text-align:left; /*文字左对齐*/
float:left; /*浮动居左*/
clear:left; /*不允许左侧存在浮动*/
overflow:hidden; /*超出宽度部分隐藏*/
border:0px solid #E00;
}
#mainbody {
width:570px;
text-align:left;
float:right; /*浮动居右*/
clear:right; /*不允许右侧存在浮动*/
overflow:hidden;
border:0px solid #E00;
}
/*页面底部*/
#footer {width:730px;margin:0 auto;height:50px;}
技术上也没有问题，但是为什么在IE正常显示，在firefox里面就不行呢。网友请指教。
--------------------编程问答-------------------- 百度下看IE与FF的差异吧。。。
不要说跨浏览器了
就连IE6，7，8都个有不同...
主要是他们对样式的解释不同吧 --------------------编程问答-------------------- 主要是IE和其他浏览器的问题，其实你在页面最上面加上
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
会对你有帮助的
补充：.NET技术 , ASP.NET
