我创建了一个显示表格的网页,如果在我的屏幕上查看此网页,表格的放置是正确的,但是当我的屏幕分辨率与我的屏幕分辨率不同的用户访问时,结果是现在不同了。
使用我的笔记本电脑查看此图片:http://i45.tinypic.com/30jk0p5.png
虽然这个用于不同的PC:http://i49.tinypic.com/21amywx.png
最后一个:http://i48.tinypic.com/2n6x11k.jpg
。
是否可以解决此问题?我试图将表格对准中心,但仍然得到相同的结果。我也尝试将表封装在一个上
<div align="center">
,但结果仍然相同。
任何想法的人?
@edit:
<%@ Page Language="C#" Debug="true" AutoEventWireup="false" CodeBehind="bin\ServiceClient\ServiceClient\serviceClient.aspx.cs" Inherits="org.some.mgmt.some._ServiceClient" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<%
VerifyWebPage("Test");
%>
<script type="text/javascript" language="javascript">
var userType = '<%= Session["UserType"] %>';
</script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<TITLE>Module</TITLE>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<LINK REL="stylesheet" TYPE="text/css" HREF="css/index.css"/>
<LINK TYPE="text/css" href="css/jquery.ui.all.css" rel="stylesheet" />
<SCRIPT TYPE="text/javascript" SRC="js/jquery-1.6.4.min.js"></SCRIPT>
<SCRIPT TYPE="text/javascript" SRC="js/validation.js"></SCRIPT>
<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="js/date.js"></script>
</head>
<body>
<div id="Shadow"></div>
<div id="MenuWrapper" style="display: none;">
<div id="MenuBar">
</div>
<div id="MenuBarBg"></div>
<div class="SpaceInBetween"></div>
<center><IMG ID="HeaderBannerImg" SRC=""/></center>
<div id="MainMenu">
<label id="WelcomeLine"><label id="WebUser"></label></label>
</div>
</div>
<div id="MainPageTitle" style="display: none;"><H1 CLASS="MainTitle1">Some Management</H1></div><BR>
<div class="PageBody" style="display: none;">
<DIV ID="Popup_Status_Message">
<DIV ID="PopupHeaderBg"> Response Message</DIV>
<div id="PopupCloseBtn"> x </div>
<DIV ID="Status_Image"><IMG ID="StatusImage" SRC=""/></DIV>
<DIV ID="Status_Message"></DIV>
</DIV>
<TABLE id="LogMgmtForm1" class="AnyMgmtForm" align="center">
<TR>
<TD>Start Date:</TD>
<TD>
<INPUT NAME="CreateDateTime" class="datetimepicker" TYPE="TEXT" VALUE="YYYY-MM-DD hh:mm:tt" id="startDate"/>
</TD>
<TD width="80px" align="right">End Date:</TD>
<TD>
<INPUT NAME="EndDateTime" class="datetimepicker" TYPE="TEXT" VALUE="YYYY-MM-DD hh:mm:tt" id="endDate"/>
</TD>
<TD width="60px" align="right">Rows:</TD>
<td>
<select id="NumOfRows">
<option>10</option>
<option>20</option>
<option>50</option>
<option>100</option>
</select>
</td>
<TD width="100" align="right"><input CLASS="SearchFormButton" type="submit" value="Search" id="SearchTemplate"/></TD>
</TR>
</TABLE>
</div>
<DIV ID="LogErrorMsg"></DIV>
<DIV ID="LogSearchErrorMsg"></DIV>
<center>
<br />
<div id="LogNavigator" style="display: none;">
<a class="LogNavLink" id="PreviousLog">Previous</a>
<select id="LogNavPage"></select>
<a class="LogNavLink" id="NextLog">Next</a>
</div>
<br />
<div id="TemplateTable" align="center">
<table id="LogMgmtForm" width="100%" align="center">
<tr>
th class="LogMgmtFormHdr">File Name</th>
<th class="LogMgmtFormHdr">Last Modified</th>
<th class="LogMgmtFormHdr">File Size</th>
<th class="LogMgmtFormHdr">Download</th>
<th class="LogMgmtFormHdr">Remove</th>
</tr>
<tr>
<td class="LogMgmtFormPersonId"><b>some.xls</b></td>
<td class="LogMgmtFormUName"><b>2012-04-25T17:16:57.314+08:00</b></td>
<td class="LogMgmtFormUName"><b>312320 bytes</b></td>
<td class="LogMgmtFormUName1">
<b>
<center>
<div class="LogViewer" id="GetTemplate" alt="1">Click to download.</div>
</center>
<div id="GetTemplateRequest1" style="display: none;">31</div>
</b>
</td>
<td class="LogMgmtFormUName2">
<b>
<center>
<div class="LogViewer" id="RemoveTemplate" alt="1">Click to remove.</div>
</center>
<div id="RemoveTemplateRequest1" style="display: none;">31</div>
</b>
</td>
</tr>
<tr>
<td class="LogMgmtFormPersonId"><b>sme.xls</b></td>
<td class="LogMgmtFormUName"><b>2012-04-25T17:17:57.296+08:00</b></td>
<td class="LogMgmtFormUName"><b>312320 bytes</b></td>
<td class="LogMgmtFormUName1">
<b>
<center>
<div class="LogViewer" id="GetTemplate" alt="2">Click to download.</div>
</center>
<div id="GetTemplateRequest2" style="display: none;">32</div>
</b>
</td>
<td class="LogMgmtFormUName2">
<b>
<center>
<div class="LogViewer" id="RemoveTemplate" alt="2">Click to remove.</div>
</center>
<div id="RemoveTemplateRequest2" style="display: none;">32</div>
</b>
</td>
</tr>
</div>
</center>
<div id="OpResultWrapper">
<div id="ResultBox">
<div id="ResultBoxHeader"> Operation Status</div>
<div id="ResultBoxMessage"></div>
</div>
<div id="ResultBoxCover"></div>
</div>
<div id="LogMagnifier">
<textarea id="LogContent"></textarea>
<div id="LogBoxClose"><center>Close</center></div>
</div>
<br />
<center>
<div id="SearchLogBuffer" style="display: none; z-index: 5000;">
<img src="images/loading.gif" />
</div>
</center>
<div id="PasswdChanger">
<label class="PasswdChanger"> Change Password</label>
<label class="PasswdChanger"> <a id="Logout" href="javascript:void(0);">Log Out</a></label>
</div>
<div id="ChangePwd_" style="display: none;">
<div id="ChangePwd_Cover"></div>
<div id="ChangePwd_Box">
<div id="ChangePwd_Title"> Change Password<label id="ChangePwd_Close"> x </label></div>
<div id="ChangePwd_Form">
Enter Old Password:<br />
<input class="ChangePwd_InputText" type="password" id="ChangePwd_OldPwd" /><br />
Enter New Password:<br />
<input class="ChangePwd_InputText" type="password" id="ChangePwd_NewPwd" /><br />
Verify New Password:<br />
<input class="ChangePwd_InputText" type="password" id="ChangePwd_VerPwd" /><br /><br />
<input type="button" id="ChangePwd_SubmitBtn" value="Submit" />
</div>
</div>
</div>
<div id="ChangePwd_ErrorNotice"></div>
</body>
</html>
感谢。