0

我有我的保证金： 0 auto 在 Chrome 中看起来不错，但在 IE9 中不起作用。在 IE9 中，整个站点在屏幕左侧是静态的。我根据一些建议添加了一个简单的重置 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>
4

3 回答 3

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

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

把它放在你拥有的地方既无效又触发怪癖模式（在怪癖模式下，各种事情都会中断）。

于 2013-07-19T13:51:16.273 回答
0

尝试添加margin:0 auto你的身体标签

body {
    /* background-position: 5px 5px;
    background-repeat: no-repeat; */
    background-color: gray;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 1010px;
    margin: 0 auto; /* <--*/
}
于 2013-07-18T21:39:29.013 回答
0

尝试

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

有机会时查找重置 css http://www.cssreset.com/

更新：

我建议你去掉body标签的宽度并将它放在一个div中。

http://jsfiddle.net/KMDuw/2/

我的小提琴使用自动边距显示了一个固定宽度的 div。如果你去掉body css，你会看到一些空间。

你也可以发布你的html吗

于 2013-07-18T19:57:02.750 回答