关于没有完全平铺的平铺背景图像

时间:2012-02-17 03:16:08

标签: html css

我已经阅读了这个网站几个月了,通过搜索获得了一些很棒的答案。这是我的第一篇文章,如果我不遵守协议,请提前道歉。 :) 我遇到了一些我找不到合适的解决方案。

我正在制作一个居中的2列单页网站。左列用于导航,并且是固定的。右(内容)列滚动,并应添加内容垂直扩展。我在两列附近添加了一个阴影,我想用内容div垂直扩展,但它停在屏幕的底部。我在内容div周围放了一个红色边框,看看能不能找到任何明显的东西。我发现阴影停止在内容div的底部平铺,告诉我内容div没有扩展。我将该div的高度设置为100%。

我不确定问题是否与高度设置有关,或者可能与我使用的定位有关。我搜索了论坛,并找到了将身体和/或html高度设置为100%的建议,我已经完成了。阴影是包装div(也设置为100%)。仍然没有。

此时,我很茫然。它可能很简单,但我只是没有看到它。我打算在这里发布代码,但我不想包含不相关的内容。与此同时,我不确定哪些部分是相关的。所以,这里是页面的链接,可以查看html和css: http://modernrelic.com/newsite.html。如果最好在这里发布,请告诉我,我很乐意添加它。

有人能看到我错过的东西吗?

1 个答案:

答案 0 :(得分:1)

您的问题在于#content位于absolute并且float正确。这两个属性将其从正常流程中分离出来,因此您需要将其删除。

经过长时间的CSS搞乱后,您可以进行一些更改以使其正常工作。首先,#content的CSS应该看起来像,不需要其他属性

width: 650px;
margin-left: 350px;

您需要做的唯一其他更改是从height: 100%删除#bg-shadow。这就是我必须改变才能让它在Chromium 16上工作,并且很可能也适用于其他浏览器。