返回信息流我发现有些网站在Safari里不能正常显示，比如有些按钮会在Safari里消失不见，比如这张图（这是我们学校计算机学院的毕设选题网站）里，左边是Safari的效果，右边是Opera的效果，可以看到在左图里，“确定”键不见了，源代码在楼下贴出来，请问到底是哪里出了问题？？
这是一条镜像帖。来源：北邮人论坛 / www-technology / #11875同步于 2010/12/14
该镜像源已超过 30 天没有更新，可能在源站已被删除。
WWWTechnology机器人发帖
为什么这个网页在在Safari等浏览器里不能正常显示？
firegun
2010/12/14镜像同步9 回复
订阅后，新回复会通过你的通知中心匿名送达。
9 条回复
源代码好像是ASP格式
<!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><title>
外校课题信息
</title>
<style type="text/css">
body{
TEXT-ALIGN: center;
MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
MARGIN-TOP: 0px;
vertical-align:middle;
}
</style>
<style type="text/css">
.ctl00_Menu1_0 { background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px; }
.ctl00_Menu1_1 { color:#0000C0;font-family:华文新魏;font-size:Large;font-weight:bold;font-style:normal;text-decoration:none; }
.ctl00_Menu1_2 { width:120px;height:520px;font-weight:bold;font-style:normal;font-size:Large;font-family:华文新魏;color:#0000C0;border-style:Double;border-color:#C0FFC0;background-color:White; }
</style></head>
<body>
<center>
<form name="aspnetForm" method="post" action="student_infoEx.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE4MDU5Nzk5NTQPZBYCZg9kFgICAw9kFgQCAQ8PFgIeBFRleHQFc+Wtmee/sOiPsiAgIOWQjOWtpu+8jOasoui/juS9v+eUqOavleiuvumAiemimOezu+e7n++8gSAgICAgICDnjrDlnKjns7vnu5/lpITkuo7igJzlrabnlJ/nrKzkuIDova7pgInpopjigJ3nirbmgIHjgIJkZAIDEDwrAA0BDBQrAAdkZBQrAAIWAh4HRW5hYmxlZGhkFCsAAhYCHwFoZGRkZGRkZAUlVmnCr3siCyOPzYk8r4JLzoCn" />
</div>
<div>
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWEQKAte2NBAK454n0CwKBiajaCgKu56DUAQKYuN2yCgKalcz7DQKf88/7DQLXm+WbCQLL9tKsCALitsHfDALG1pe5CQKCjpe5CQLP07zXBQLKmqHvAwK2tqQJAvqki9kHAuPJ4pwMYz01E4vL582TSTjmfaNO/nBRF0o=" />
</div>
<table id="TABLE1" style="width: 1032px" border="0">
<tr>
<td colspan="4" rowspan="1" style="background-image: url(../pic/header.jpg); border-top-style: none;
border-right-style: none; border-left-style: none; height: 114px; border-bottom-style: none">
</td>
</tr>
<tr>
<td align="left" colspan="1" rowspan="1" style="width: 24px; height: 33px; background-color: white">
</td>
<td align="left" colspan="3" rowspan="1" style="height: 33px; background-color: white" valign="middle">
<span id="ctl00_Label1" style="display:inline-block;color:#0000C0;height:22px;width:651px;">XXX 同学，欢迎使用毕设选题系统！ 现在系统处于“学生第一轮选题”状态。</span>
                       
                    
                   
</td>
</tr>
<tr>
<td align="center" rowspan="1" style="width: 24px; height: 519px; background-color: white">
</td>
<td rowspan="1" style="width: 149px; height: 519px; background-color: white;" align="left" valign="top">
<a href="#ctl00_Menu1_SkipLink" style="display:inline-block;height:1px;width:1px;"><img src="/sms/WebResource.axd?d=PVA-8bPHAWBWMrF_k3ipA7M9Hqr8cNTMF3zk8IybnRE1kf1qYsuJ6KfnDhDkG6Mpo8na9sam8KdL5UUhbxI3Yn5DIk41&t=634210652612724343" alt="跳过导航链接" style="border-width:0px;" /></a><div id="ctl00_Menu1" style="height:520px;width:120px;">
<span><a class="ctl00_Menu1_1" href="student_index.aspx">返回首页</a></span><br /><span disabled="disabled">选择题目</span><br /><span disabled="disabled">查询结果</span><br /><span><a class="ctl00_Menu1_1" href="student_info.aspx">个人信息</a></span><br /><span><a class="ctl00_Menu1_1" href="student_password.aspx">修改密码</a></span><br /><span><a class="ctl00_Menu1_1" href="../login/login.aspx">退出系统</a></span><br />
</div><a name="ctl00_Menu1_SkipLink"></a>
 
</td>
<td colspan="2" rowspan="3" style="width: 873px; height: 589px; background-color: white; overflow: auto;" valign="top">
 
<table style="left: -36px; width: 433px; top: -106px">
<tr>
<td align="left" style="width: 54px; height: 9px">
<span id="ctl00_ContentPlaceHolder1_label23" style="display:inline-block;height:14px;width:88px;">课题名称：</span></td>
<td style="width: 98px; height: 9px">
<input name="ctl00$ContentPlaceHolder1$subjectName" type="text" value="XXX" id="ctl00_ContentPlaceHolder1_subjectName" style="height:14px;" /></td>
<td align="left" style="width: 46px; height: 9px">
<span id="ctl00_ContentPlaceHolder1_Label8" style="color:Red;">*</span></td>
<td align="left" style="width: 98px; height: 9px">
</td>
</tr>
<tr>
<td align="left" style="width: 54px; height: 23px">
<span id="ctl00_ContentPlaceHolder1_IDlabel" style="display:inline-block;height:14px;width:88px;">类型一：</span></td>
<td style="width: 98px; height: 23px">
<select name="ctl00$ContentPlaceHolder1$typeOne" id="ctl00_ContentPlaceHolder1_typeOne" style="width:155px;">
<option selected="selected" value="工程实践">工程实践</option>
<option value="研究设计">研究设计</option>
<option value="理论分析">理论分析</option>
</select></td>
<td align="left" style="width: 46px; height: 23px">
<span id="ctl00_ContentPlaceHolder1_Label1" style="color:Red;">*</span></td>
<td align="left" style="width: 98px; height: 23px">
</td>
</tr>
<tr>
<td align="left" style="width: 54px; height: 23px">
<span id="ctl00_ContentPlaceHolder1_Label4" style="display:inline-block;height:14px;width:88px;">类型二：</span></td>
<td style="width: 98px; height: 23px">
<select name="ctl00$ContentPlaceHolder1$typeTwo" id="ctl00_ContentPlaceHolder1_typeTwo" style="width:155px;">
<option selected="selected" value="软件">软件</option>
<option value="硬件">硬件</option>
<option value="软硬结合">软硬结合</option>
<option value="非软硬件">非软硬件</option>
</select></td>
<td align="left" style="width: 46px; height: 23px">
<span id="ctl00_ContentPlaceHolder1_Label2" style="color:Red;">*</span></td>
<td align="left" style="width: 98px; height: 23px">
</td>
</tr>
<tr>
<td align="left" style="width: 54px; height: 23px">
<span id="ctl00_ContentPlaceHolder1_name_label" style="display:inline-block;font-size:Medium;height:14px;width:88px;">教师姓名：</span></td>
<td style="width: 98px; height: 23px">
<input name="ctl00$ContentPlaceHolder1$teacherName" type="text" value="XXX" id="ctl00_ContentPlaceHolder1_teacherName" style="height:14px;" /></td>
<td align="left" style="width: 46px; height: 23px">
<span id="ctl00_ContentPlaceHolder1_Label5" style="color:Red;">*</span></td>
<td align="left" style="width: 98px; height: 23px">
</td>
</tr>
<tr>
<td align="left" style="width: 54px; height: 7px">
<span id="ctl00_ContentPlaceHolder1_sex" style="display:inline-block;height:14px;width:88px;">教师性别：</span></td>
<td style="width: 98px; height: 7px">
<table id="ctl00_ContentPlaceHolder1_gender" border="0" style="font-size:Medium;height:16px;width:152px;">
<tr>
<td><input id="ctl00_ContentPlaceHolder1_gender_0" type="radio" name="ctl00$ContentPlaceHolder1$gender" value="男" /><label for="ctl00_ContentPlaceHolder1_gender_0">男</label></td><td><input id="ctl00_ContentPlaceHolder1_gender_1" type="radio" name="ctl00$ContentPlaceHolder1$gender" value="女" checked="checked" /><label for="ctl00_ContentPlaceHolder1_gender_1">女</label></td>
</tr>
</table></td>
<td align="left" style="width: 46px; height: 7px">
<span id="ctl00_ContentPlaceHolder1_Label6" style="color:Red;">*</span></td>
<td align="left" style="width: 98px; height: 7px">
</td>
</tr>
<tr>
<td align="left" style="width: 54px; height: 3px">
<span id="ctl00_ContentPlaceHolder1_Label3" style="display:inline-block;height:14px;width:88px;">教师职称：</span></td>
<td style="width: 98px; height: 3px" valign="top">
<input name="ctl00$ContentPlaceHolder1$title" type="text" value="兼职教授" id="ctl00_ContentPlaceHolder1_title" style="height:14px;" /></td>
<td align="left" style="width: 46px; height: 3px" valign="top">
<span id="ctl00_ContentPlaceHolder1_Label7" style="color:Red;">*</span></td>
<td align="left" style="width: 98px; height: 3px" valign="top">
</td>
</tr>
<tr>
<td align="left" style="width: 54px; height: 9px">
<span id="ctl00_ContentPlaceHolder1_label" style="display:inline-block;height:14px;width:88px;">所在单位：</span></td>
<td style="width: 98px; height: 9px">
<input name="ctl00$ContentPlaceHolder1$company" type="text" value="XXX" id="ctl00_ContentPlaceHolder1_company" style="height:14px;" /></td>
<td align="left" style="width: 46px; height: 9px">
<span id="ctl00_ContentPlaceHolder1_Label9" style="color:Red;">*</span></td>
<td align="left" style="width: 98px; height: 9px">
</td>
</tr>
<tr>
<td align="left" colspan="2" style="height: 26px">
</td>
<td align="left" colspan="1" style="width: 46px; height: 26px">
</td>
<td align="left" colspan="1" style="height: 26px">
</td>
</tr>
<tr>
<td colspan="2" rowspan="2" style="height: 36px">
<input type="submit" name="ctl00$ContentPlaceHolder1$commit" value="确定" id="ctl00_ContentPlaceHolder1_commit" style="left: -62px;
position: relative; top: 0px" />
<input type="submit" name="ctl00$ContentPlaceHolder1$cencel" value="取消" id="ctl00_ContentPlaceHolder1_cencel" style="left: 16px; position: relative; top: 0px" /></td>
<td colspan="1" rowspan="2" style="width: 46px; height: 36px">
</td>
<td colspan="1" rowspan="2" style="height: 36px">
</td>
</tr>
<tr>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="4" rowspan="1" style="table-layout: auto; display: block; background-image: url(../pic/footer.jpg);
visibility: visible; overflow: scroll; background-repeat: repeat-x; height: 14px">
     
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
源代码如上，我发现和“确定”有关的是以下几行：
<tr>
<td colspan="2" rowspan="2" style="height: 36px">
<input type="submit" name="ctl00$ContentPlaceHolder1$commit" value="确定" id="ctl00_ContentPlaceHolder1_commit" style="left: -62px;
position: relative; top: 0px" />
<input type="submit" name="ctl00$ContentPlaceHolder1$cencel" value="取消" id="ctl00_ContentPlaceHolder1_cencel" style="left: 16px; position: relative; top: 0px" /></td>
<td colspan="1" rowspan="2" style="width: 46px; height: 36px">
</td>
<td colspan="1" rowspan="2" style="height: 36px">
</td>
</tr>
可是貌似没看出什么问题，请教大牛，这是什么问题呢？？
呃，这个页面太恐怖了。
firefox的页面竟然是这样的……
【 在 firegun 的大作中提到: 】
: 源代码好像是ASP格式
: <!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" >
: ...................
【 在 ericyosho 的大作中提到: 】
: 呃，这个页面太恐怖了。
: firefox的页面竟然是这样的……
: 【 在 firegun 的大作中提到: 】
: ...................
这个页面是用标准的HTML写的吗？为啥差别这么大？
写代码的人水平太挫？
浏览器兼容问题是web前端开发中算是一个比较有技术含量的活吧
学校很多网站往往都是个在校学生做的，你可以尝试下用IE，尤其是IE6。。。学校有些网站就是非IE不能正确显示。。。可能是因为验收的领导用的是IE。。。。
【 在 firegun (烈火枪|请叫我毛心羽) 的大作中提到: 】
: 这个页面是用标准的HTML写的吗？为啥差别这么大？
: 写代码的人水平太挫？
【 在 firegun 的大作中提到: 】
: 我发现有些网站在Safari里不能正常显示，比如有些按钮会在Safari里消失不见，比如这张图（这是我们学校计算机学院的毕设选题网站）里，左边是Safari的效果，右边是Opera的效果，可以看到在左图里，“确定”键不见了，源代码在楼下贴出来，请问到底是哪里出了问题？？
: --
: [upload=1][/upload]
: ...................
慢慢的去调浏览器的兼容性吧，主要是CSS