由于图像定位相对不需要的空白空间

我只是想将图像和文本添加到页脚中，但是当我这样做时，页面底部会出现一个空白区域，我不知道如何摆脱。请参阅http://125.214.65.211:90/specials.php 由于图像定位相对不需要的空白空间

在页面底部，我添加了“礼品券”图片和“非街边停车”文字。但是，这会在粉红色页脚下创建白色间隙，我如何去除白色间隙。

我已经继承了网站，所以不想更改所有现有的表结构。我只想要一些CSS应用于现有的HTML。

我试着设置父级和溢出的高度：隐藏但没有帮助。

2011-03-14 Daveo

使用萤火虫，因为您使用不必要的tr，在您的页脚填充像你使用页脚类两次，这增加了高度＆给予填充.footer .footer2_td – sandeep 2011-03-14 11:36:10

@sandeep谢谢你的提示我已经在使用萤火虫，并注意到不必要的tr，填充和额外的footer class/table，但它们不是问题，这是Sotiris在下面回答的，使用relat而不是浮动positioing – Daveo 2011-03-14 11:48:59

此行为是逻辑。使用position:relative您将元素从其初始位置移动，但是仍然占用初始位置的空间并导致白色间隙。解决方案是删除图像和跨度的相对位置，并使用浮点数表.footer,img和float:right为span。对于.footer设置宽度类似300px和span宽度200px。也因为你有两个.footer删除第一个是空的。然后，当元素具有其位置时，可以使用margin将它们推入正确的位置，或使用position:relative。注：下一个网站尝试避免表格布局。欲了解更多信息，请访问计算器问题Why not use tables for layout in HTML?

来源

2011-03-14 11:35:37 Sotiris

完美的感谢，我知道为什么问题发生，但不知道如何解决它。是的，我知道要避免表格，这个网站是作为模板购买的，我只是将它触及起来 – Daveo 2011-03-14 11:47:26

@Daveo欢迎您:) – Sotiris 2011-03-14 11:51:37

尝试添加VALIGN =顶部最后并移除填充的图像，文本停车场等，

可以工作，也有一个带班“footer2_td”，如果这不一定需要删除它..

来源

2011-03-14 11:40:50 Vijay

由于图像定位相对不需要的空白空间

回答

相关问题