4

我将我一直在开发的一个网站 ( http://barsannapolis.com ) 升级为 CSS 布局,并且大部分情况下事情似乎进展顺利。该站点在 Firefox、Chrome、IE 7 和 Safari 中正确呈现,但该设计在 IE 6 中似乎完全被破坏了。是否有人对如何解决问题有任何指导。也许我忽略了一些简单的事情?

此外,是否有任何 IE 工具可以更轻松地实时编辑 CSS,例如 firebug。

4

5 回答 5

6

positioniseverything.net是您的朋友。由于我很久以前就离开了那个世界(感谢上帝!),我不羡慕你,但问题通常是双重填充,尤其是。如果您的浮动框没有对齐(“掉落”)。

您可以在样式表中破解 IE6 width:30px; _width: 20px;,其中末尾的 _ 规则是您希望进行的 IE6“调整”。这适用于所有规则,全面。

但是每次我遇到问题时,通常都是水平双填充,这在 IE6 中真的是浮动的 div。

祝你好运。就像我说的,我一点也不羡慕你。IE6是必须根除的瘟疫。

于 2009-01-09T15:06:59.210 回答
3

您可以尝试使用 Internet Explorer 开发人员工具栏来帮助您追踪与 CSS 相关的问题。

Internet Explorer 开发人员工具栏

于 2009-01-09T15:07:40.553 回答
2

没有什么比 IE 中的 firebug 更好,即使 IE6 和 css 存在一些“常见问题”,但事实是每个站点都是不同的,需要大量的尝试和错误。

老实说,如果 < 20% 使用它,我不会支持 IE6(请查看谷歌分析),我的意思是 IE7 已经出现多年了,IE8 现在随时都会出现,甚至 gmail 也声明不支持 IE6 所以......我不会担心很多

于 2009-01-09T15:07:22.783 回答
2

在这种情况下,另一个有用的实用程序是XRAY小书签,尽管您可能必须将 url 粘贴到 IE6 地址栏中。

于 2009-01-09T15:32:43.933 回答
0

如果您遇到双浮动边距错误,您可能想尝试应用display: inline;到给您带来问题的浮动元素。这可以阻止错误的发生,并且意味着您不必为 IE 分配不同的宽度。

于 2009-04-20T21:12:14.090 回答