每个屏幕分辨率都无法正确显示HTML表格

时间:2012-04-30 07:08:47

标签: html

我创建了一个显示表格的网页,如果在我的屏幕上查看此网页,表格的放置是正确的,但是当我的屏幕分辨率与我的屏幕分辨率不同的用户访问时,结果是现在不同了。

使用我的笔记本电脑查看此图片: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">&nbsp;Response Message</DIV>
            <div id="PopupCloseBtn">&nbsp;x&nbsp;</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">&nbsp;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">&nbsp;&nbsp;Change Password</label>
            <label class="PasswdChanger">&nbsp;&nbsp;<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">&nbsp;Change Password<label id="ChangePwd_Close">&nbsp;x&nbsp;</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>

感谢。

0 个答案:

没有答案