蓝图 CSS 框架/粘性页脚与 IE6 问题
我目前正在使用 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
从我用 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.