我有一个空的空间,我无法删除

时间:2013-03-20 20:16:10

标签: html forms css3 html-table space

我找不到任何相关的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>

2 个答案:

答案 0 :(得分:2)

右侧的免费估算小部件在index.css的第147行设置了高度

只需减少此项即可移除额外空间。

答案 1 :(得分:1)

与Drawdesign一样,看起来你在index.css文件中声明了.form的设置高度。改变这个高度,你就会改变这个差距。