Question

我在网站上需要帮助，我正在为我的一个家庭成员做。

Here is a link to the website。这里的问题是白色背景不是从页眉到页脚。页脚应位于网站的底部，即使内容很小。

我尝试做100％的高度和其他一些事情，但它没有帮助。

谢谢你的帮助:) 我知道我有一些验证错误，我将在稍后修补。

<div id="textfeld">
  <img src="image/viertelkreis.png" id="kreis" />
<h6 class="ubertext">Standort</h6><br /><br />
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d664.691604579604!2d16.37821030367338!3d48.21111491260863!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x476d07a0425e484f%3A0x86fda9d1fb10b5ab!2sLaurenzerberg+5%2C+1010+Wien!5e0!3m2!1sde!2sat!4v1418075117771" width="700" height="500" frameborder="0" style="border:0"></iframe>

  <table id="tabelletext1"><tr><td id="besonders">Laurenzerberg 5/12, 1010 Wien</td></tr><tr>
        <td>Ecke Schwedenplatz 2/12</td></tr>
        <tr><td>Telefonnummer</td><td>+43 1 909 34 95</td></tr>
        <tr><td>E-Mail:</td><td> office@zitronenfalter-spa.com</td></tr>
        <tr><td>Inhaberin:</td><td> Ying Qi</td></tr>
        <tr><td>Unternehmensgegenstand:</td><td> Massagendienstleistungen</td></tr></table>

<br />
<br />
  </div>`

Answer 1

你的标题div上有填充。取下填充物，你会没事的。

#header {
 padding-top: 10px; 
}

将图像的高度更改为

height: 350px;

这很好用。这是你的形象是你的页脚的问题。

编辑：

.background-white {
    background: white;
    width: 55%;
    height: 795px;
 }

在您的div标签下：

<div align="center" id="wrapper">

添加另一个名为'background-white'的div或任何您想要调用的div。复制上面的样式，如果您愿意，可能需要略微调整高度和宽度。这应该工作。让我知道它的外观。

Answer 2

为此，您需要让#wrapper与[{1}}对应height:100%才能拥有#textfeld

例如，

您需要进行以下css更改才能实现您的目标。

CSS更改：

height:100%

希望这有帮助。

PS ：您需要删除#wrapper { height: 100%; min-height: 100%; position: relative; } #textfeld { background: none repeat scroll 0 0 #ffffff; border: 2px solid #999; height: 100%; padding-bottom: 80px; padding-top: 20px; width: 764px; z-index: 1; }的页脚值才能使上述工作正常工作。

Answer 3

删除此款式

#header {
 padding-top: 10px; 
}

Answer 4

你总是可以在#textfeld上使用min-height并计算jQuery中的值。

var height = $(window).height() - $('#header').outerHeight() - $('#footer').outerHeight();

$("#textfeld").css({'min-height': height });

从上到下的白色地方

4 个答案: