2009-12-03 73 views
0

我目前正在使用Blueprint CSS框架将我的宽度设置为910px以及由Steve Hatcher提供的sticky footer markup蓝图CSS框架/粘滞页脚与IE6问题

问题我得到的是,由于某种原因,只有Internet Explorer 6是一个额外的填充/边距10px被添加在我的#wrap类的右侧。

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

http://www.prashantraju.com/test

这里是IE6的VS IE7的比较。

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

正如你可以看到有在右手侧IE7没有保证金/填充(红色区域),但在IE6有一个额外10px的。

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

在此先感谢。

回答

1

从我能得到的FireBug中,没有明确的宽度设置为导航栏,如果给它一个固定的大小(与910px相同)会怎样?

被修改:

对不起,给出的萤火CSS输出,我怀疑您使用从screen.css从管线101中的遗传元件:余量右:10px的;

我认为这是原因。

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

+0

谢谢! 在跨越910px或23列的元素上添加一个右边距:0,在IE6中固定了10px的额外边距。 – schone 2009-12-03 04:08:39

+0

哦,很高兴听到:) 只要顺便说一句,你可以通过检查浏览器类型来处理浏览器的不兼容问题,以便为特定浏览器加载特定的CSS。 IE6是我头痛和祸害...... – 2009-12-03 04:17:08