我有保证:0自动在Chrome中看起来不错,但在IE9中不起作用。在IE9中,整个网站在屏幕左侧都是静态的。我根据一些建议添加了一个简单的reset css语句,但没有帮助。

在main.css中:

html, body {
      padding:0;
      margin: 0;
}

body {
    background-color: gray;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.wrapper {
    width: 1009px;
    background-color:white;
    border-style:solid;
    border-color:#002663;
    padding:5px;
    margin: 0 auto;
    margin-top:25px;
}


更新:在IE的开发工具面板中,css的外观如下:



谁能看到我可以改进IE的地方?谢谢。

更新:实际的HTML要求:

<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
    <title>Search Page</title>
    <!-- Hostname: VDDP03A-FAEF32A -->
    <link rel="stylesheet" href="/CSA/styles/main.css" type="text/css" />
    <link rel="stylesheet" href="/CSA/styles/smoothness/jquery-ui-1.8.10.custom.css" type="text/css" />
    <script type="text/javascript" src="/CSA/scripts/jquery-1.10.2.min.js" ></script>
    <script type="text/javascript" src="/CSA/scripts/jquery-ui-1.10.3.js" ></script>
    <script type="text/javascript" src="/CSA/scripts/jquery.validate.js" ></script>

</head>
<body >
<div class="wrapper">
    <table width="100%" border="0" cellpadding="0" style="margin:0;">
    <tr>
    <td>
    <img src="/CSA/images/logo.jpg" width="300" align="top-left" border="0" style="margin:0;" alt="myLogo">
    </td>
    <td width="50%">
    <br />
    <h2 style="font-weight:normal;align:right;color:#002663;margin:0;">Title</h2>
    </td>
    <td>
    </td>
    </tr>
    </table>
    <hr color="#002663" style="margin:0;">


<form name="form1" method="post" action="/CSA/web/CSA.do" style="margin:0;">
    <input type="hidden" name="searchType" value="myValue">
    <table width="1000px" border="0" cellpadding="0" style="margin:0;">
        <col width="285px" />
        <col width="300px" />
        <col width="278px" />
        <col width="137px" />

        <tr style="margin:0;">
            <td colspan="4">
                <h4 style="color:#002663;margin-bottom:10;margin-top:3;">Search 1:</h4>
        </tr>
        <tr style="margin:0;">
            <td style=" padding-left:100px; padding-bottom:0px; width:185px;" >
            options :
            <input type="radio" name="options" value="OP1" style="border:none;">
            OP1
            <input type="radio" name="options" value="OP2" style="border:none;">
            OP2

            </td>
            <td>
                Search Criteria&nbsp;:&nbsp;<input type="text" name="criteria" maxlength="20" size="20" tabindex="1" value="" id="searchField1">
            </td>
            <td style="min-width: 268px;">
                Date&nbsp;:&nbsp;
                <input type="text" name="lossDate" maxlength="10" size="11" value="07/19/2013" id="datepicker">


            </td>
            <td style="min-width: 138px;">
                <input type="submit" name="submit" tabindex="3" value="Search" id="submit" style="margin-top:5;">&nbsp;&nbsp;&nbsp;
                <input type="reset" name="reset" tabindex="4" value="Reset" id="reset" style="margin-top:5;">
            </td>
        </tr>
    </table>
</form>

<!-- Three more forms similar to the above -->

<hr color="#b0b1b2" style="margin:3;">

<table table width="1000px" border="0" cellpadding="0">
        <tr style="margin:0;">
            <td style="margin:0;">
                <h4 style="color:#002663" style="margin-bottom:8;margin-top:3;">Search Results:</h4>
            </td>
        </tr>



    <div styleId="errors"  style="margin:0;">

    </div>
</table>
</div>
</body>
</html>

最佳答案

<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


Doctype必须是文档中的第一件事。它在<html>开始标记之前。

将它放在您拥有的位置上既无效又会触发怪癖模式(在怪癖模式下,各种情况都会中断)。

关于html - margin : 0 auto ;在带有Struts 1的IE9中,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17732483/

10-10 08:33