1

我找不到任何相关的 CSS 填充、边距等导致这个空白空间。

主页有一个中间栏（推荐）部分，当为子页面删除时，仍然会留下明显的空白空间。下面的元素相对定位在两列中，但它们正在向上推。

主页

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代码（从标题的末尾到两列的开头）：

 <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 回答