蓝图 CSS 框架/粘性页脚与 IE6 问题

发布于 2024-08-13 10:07:10 字数 722 浏览 3 评论 0原文

我目前正在使用 Blueprint CSS 框架,将宽度设置为 910px 以及 粘性页脚标记,作者:Steve Hatcher。

我遇到的问题是,由于某种原因,仅在 Internet Explorer 6 中,在我的 #wrap 类的右侧添加了 10px 的额外填充/边距。

我在这里上传了我的测试网站:

http://www.prashantraju.com/test

这是一个比较IE6 与 IE7 的比较。

比较 http://www.prashantraju.com/test/ie6ie7.gif

正如您可以看到 IE7 的右侧(红色区域)没有边距/填充,但在 IE6 中多了 10px。

有没有办法解决这个问题 - 或者额外 10px 的原因是什么?

提前致谢。

I'm currently using the Blueprint CSS framework setting my width to 910px along with the sticky footer markup by Steve Hatcher.

The problem I'm getting is that for some reason in only Internet Explorer 6 is that an extra padding/margin of 10px is being added on the right hand side of my #wrap class.

I have uploaded my test site here:

http://www.prashantraju.com/test

Here is a comparison of IE6 vs IE7.

comaparison http://www.prashantraju.com/test/ie6ie7.gif

As you can see there is no margin/padding on the right hand side (the red area) with IE7 but in IE6 there is an extra 10px.

Is there a way to fix this - or what the cause of the extra 10px is?

Thanks in advance.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

↙温凉少女 2024-08-20 10:07:10

从我用 FireBug 得到的信息来看,导航栏没有明确的宽度设置,如果给它一个固定的大小(与 910px 相同)怎么办?

编辑:

抱歉,鉴于 FireBug css 输出,我怀疑您正在使用第 101 行中 screen.css 的继承元素:margin-right:10px;

我认为这就是原因。

现在导航栏在样式表中有自己的 css 条目,也许您可​​以将 margin-right 元素值重新分配回零来解决此问题。

From what I can get with FireBug, there is no explicitly width set to the navigation bar, what if you give it a fixed size(same as 910px)?

Edited:

Sorry, given the FireBug css output, I suspect that you are using a inherited element from screen.css from line 101: margin-right:10px;

I reckon that is the cause.

Now that the navigation bar has it own css entry in the stylesheet, maybe you can reassign the margin-right element valut back to zero to resolve this problem.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文