Double Float Bug - IE

时间:2008-12-16 15:10:41

标签: html css internet-explorer

我正在尝试修复我正在帮助朋友的网站,并且在IE中它显示的导航栏就像是堆叠在一起。

这是双浮动bug的一部分,我尝试添加display:inline,但我仍然有这个问题。

网址:http://www.flanels.com/RadiantecHOME.html
CSS:http://www.flanels.com/style.css`

3 个答案:

答案 0 :(得分:1)

我保存了本地副本并修改了#top-navigation以删除float: left;

这似乎使得顶级菜单在Firefox和IE中呈现相同,但我不知道它可能创建了哪些其他问题。

我在IE和Firefox中看到的一个问题是除了倾斜的那些之外还有白色垂直条(图像之间的断裂),我相信它们是图像的一部分。

另一件事是,如果浏览器不够宽,顶级菜单会根据需要进行换行。

答案 1 :(得分:0)

看起来看起来不像我的双浮动。

从IE开发中我可以看到< li>在IE中既没有显示也没有浮动应用,但它的样式'#top-navigation ul li'被绑定,因为边距被设置为0.我看到你正在使用转换doctype所以,如果你能摆脱难以预测的怪癖模式,我首先将其改为严格。

当smiller指出你不需要浮动和内联,所以你应该删除其中一个,然后我建议开始简化代码以找出冲突是什么。

希望改为严格将直接排除你。

答案 2 :(得分:0)

你在包含div上留下了一个浮动。