Question

我有我的保证金：0自动在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是什么样的：

enter image description here

任何人都可以看到我可以在哪些方面为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>

Answer 1

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

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

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

Answer 2

尝试

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

当您有机会http://www.cssreset.com/

时，请查看重置css

更新

我建议你从身体标签上取下宽度并将其放入div中。

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

我的小提琴显示使用自动边距的固定宽度div。如果你取下身体css，你会看到一些空间。

你还可以发布你的HTML吗

Answer 3

尝试在您的身体标记上添加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; /* <--*/
}

保证金：0自动;在IE9中使用struts 1

3 个答案: