0

さて、私は別のdivの中にネストされたdivを持っていて、内側のdivは80％の幅で中央に配置されています。しかし、完全に中央に配置されていません。

どうすれば完全に中央に配置できますか？

http://jsfiddle.net/xx8hx/

http://postimage.org/image/15linq5yc/

html

<div class="wrap">
  <div class="content">
    <h1>Contact</h1>
    <form action="/cgi-bin/cgiemail" method="post">
      <table width="50%" border="0" cellpadding="5" align="center">
        <tr>
          <td align="left" width="50%">First Name</td>
          <td><input name="FirstName" type="text" id="fname" size="25" /></td>
        </tr>
      </table>
    </form>
  </div>
</div>

css

.wrap {
    overflow:hidden;
    width:100%;
    height:100%;
    position:absolute;
}
.content {
    width:80%;
    margin:20px auto;
    padding:15px;
    background:url(../images/contentback.png);
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}
4

3 に答える 3

0

CSSに追加します。

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

デモフィドル。

于 2011-07-14T05:05:16.397 に答える
0

cssのこのパディングラインにより、ボックスの中心がずれています。

/* stop do not edit */
#contact>div {
    padding:50px 20px;
}

その行の左右の余白を取り除くと（コメントでそうしないように言われていても）、修正されました。

http://jsfiddle.net/4AX5b/

于 2011-07-14T05:29:35.423 に答える
0

それを見つけた：

/* stop do not edit */
#contact>div {
    pading: 50px 20px;
}

次のようなエラーが発生します。

#contact > div {
padding: 50px 0;
}
于 2011-07-14T05:33:51.743 に答える