1

関連する CSS パディング、マージンなどが見つからないため、この空きスペースが発生します。

メイン ページには中間バー (お客様の声) の部分があり、サブ ページ用に削除された場合でも、目立った空きスペースが残ります。下の要素は相対的に 2 つの列に配置されていますが、上に移動しています。

メインページ

http://teetime.comeze.com/

サブページの例:

http://teetime.comeze.com/pestcontrol.html

関連する CSS:

.container {
    width: 1030px;
    margin: 0 auto; 
    z-index: 2;
}

.header {


}

.content {
    z-index: 3;
    margin: 1px;
    padding-top: 1px;
    padding-right: 0;
    padding-bottom: 1px;
    padding-left: 0;
}

#apDiv5 {
    position: absolute;
    width: 942px;
    height: 322px;
    z-index: 1;
    clear: both;
}


.column1 {
    height: 700px;
    width: 490px;
    float: left;
    margin-left: 25px;
    position: relative;
    padding-top: 17px;
}

.column2 {
    height: 700px;
    width: 480px;
    float: left;
    margin-left: 10px;
    position: relative;
    padding-top: 20px;
    border: none;

}
.form {
    font-family: kreon;
    line-height: normal;
    height: 363px;
    width: 293px;
    /* [disabled]padding-left: 600px; */
    font-size: 100%;
    z-index: 100;
    text-indent: 0px;
    padding-top: 0px;
    color: #700CAF;
    text-align: left;
    letter-spacing: 1.4px;
    background-image: url(teetimefinal.png);

#mail {
    left: 600px;
    position: relative;
}

html コードは次のとおりです (ヘッダーの末尾から 2 つの列の先頭まで):

 <div class="content">
  <div id="apDiv5"><img src="mole.png" width="902" height="320" alt="mole"></div>
<form action="form-to-email.php" method="post" enctype="application/x-www-form-urlencoded" target="_self" class="form" id="mail" title="mail">
      <h2><br>
      Free Estimate</h2><table width="234" border="0" cellpadding="3" cellspacing="3" summary="form">
  <tr>
    <th scope="row"> <label>Name
              <input name="Name" type="text" class="space" id="Name">
              <br>
             </label>          </th>
  </tr>
  <tr>
    <th scope="row"> <label>Email
              <input name="Email" type="text" class="space" id="Email">
              <br>
             </label>          </th>
  </tr>
  <tr>
    <th scope="row"> <label>Street
              <input name="Street" type="text" class="space" id="Street">
              <br>
             </label>          </th>
  </tr>
  <tr>
    <th scope="row"> <label>Phone
              <input name="Phone" type="text" class="space" id="Phone">
              <br>
             </label>          </th>
  </tr>
  <tr>
    <th scope="row"> <label>Zip
      <input name="zip" type="text" class="space" id="zip">
              <br>
             </label>          </th>
  </tr>
  <tr>
    <td scope="row">      <div align="center">
      <input type="submit" class="sub1" id="Sub" style="button" value="Submit">
    </div></td>
  </tr>
      </table>

</form>

<div class= "column1"><img src="/writing.png" width="493" height="653" alt="writing">
  <div id="apDiv14">
    <h3>Seven-Step         Fertilization Program<br>
4

2 に答える 2

2

右側の無料見積もりウィジェットには、index.css の 147 行目に高さが設定されています。

これを減らして、余分なスペースを削除してください。

于 2013-03-20T20:20:17.250 に答える
1

前述のDrawdesignのように.form、index.cssファイルで設定された高さを宣言しているように見えます。その高さを変更すると、そのギャップが変更されます。

于 2013-03-20T20:23:57.373 に答える