在IE 6,7中，superfish项目的宽度不正确 [英] superfish items ' width aren't correct in IE 6,7

问题描述

我已经在joomla 1.5中安装了superfish模块.我在IE 6,7中有问题. "li"元素的宽度计算不正确，这会导致某些项目掉落.不幸的是，我正在我的电脑上工作，无法将其上传到某个地方来向您展示该网站，但我希望这可能是一个常见问题，有人可以帮助我.

I have installed superfish module in joomla 1.5 . I have a problem in IE 6,7 . the width of 'li' elements are not calculated correct and this causes some items fall down. unfortunately I am working on my pc and cann't uploaded it somewhere to show you the site, but I hope maybe it is a common problem and someone can help me.

我该如何解决?

推荐答案

在IE6中可能会出现宽度问题的常见原因:

Common reasons why you might get width issues in IE6:

• Quirks模式:IE中布局故障的第一大原因.确保您的<!DOCTYPE>设置正确.
• 浮动边距错误:如果您在CSS中使用float并且这些元素也具有margin，则可能会发现边距增加了一倍.解决此问题的最佳方法是使用padding或border而不是margin.您可能需要调整布局以应对它.
不支持
• max-width和min-width:IE6根本不支持这些CSS功能.它将破坏您的布局.您对此无能为力.
• 浮动元素之间有空格:在某些情况下，浮动元素在IE6中可能比其他浏览器相距几像素. IE正在它们之间插入空格，因为它在HTML代码中(也许它们在单独的代码行中?).删除空格，IE将正确显示它.
• has-layout错误之一:IE具有一个称为has-layout的内部标志，该标志具有许多与之关联的呈现错误.您不能手动设置此标志. IE会根据元素的其他属性来决定它应该是什么.您有时可以通过在元素的样式表中设置zoom:0;来解决此问题.但并非总是如此.

• Quirks mode: Number one cause of layout glitches in IE. Make sure your <!DOCTYPE> is set correctly.
• The floated margin bug: If you're using float in your CSS and those elements also have margin, you may find your margins getting doubled. The best work around for this is to use padding or border instead of margin. You may have to adjust your layout to deal with it.
• max-width and min-width not supported: IE6 simply doesn't support these CSS features. It will break your layout. Not much you can do about it.
• Floats with spaces between them: In some cases, floated elements may appear a few pixels further apart in IE6 than other browsers. IE is inserting spaces between them because it's in the HTML code (maybe they're on separate lines of code?). Remove the spaces and IE will render it correctly.
• One of the has-layout bugs: IE has an internal flag called has-layout that has a number of rendering bugs associated with it. You can't set this flag manually; IE decides what it should be based on the other properties of the element. You can sometimes work around it by setting zoom:0; in the stylesheet for the element. But not always.

进一步阅读: 查看全文