Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/codeigniter/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 修复IE6中布局错误的策略?_Html_Internet Explorer 6 - Fatal编程技术网

Html 修复IE6中布局错误的策略?

Html 修复IE6中布局错误的策略?,html,internet-explorer-6,Html,Internet Explorer 6,一般来说,解决IE6中布局错误的最佳方法是什么?当你试图弄清楚为什么你的页面突然看起来像猴子编码的时候,最常见的错误或问题是什么?盒子模型通常是罪魁祸首。基本上这意味着,您试图定位和使用不支持的CSS的任何div都会导致此问题 如果使用的是min-{width,height}或max-{width,height},可能会发生这种情况 这为检查不同版本的兼容性提供了很好的参考 肯定会解决您的问题 它提供了对浏览器错误的全面和深入的描述,以及解决这些错误的选项。在我看来,一本必读的书,了解IE是如何

一般来说,解决IE6中布局错误的最佳方法是什么?当你试图弄清楚为什么你的页面突然看起来像猴子编码的时候,最常见的错误或问题是什么?

盒子模型通常是罪魁祸首。基本上这意味着,您试图定位和使用不支持的CSS的任何div都会导致此问题

如果使用的是min-{width,height}或max-{width,height},可能会发生这种情况

这为检查不同版本的兼容性提供了很好的参考

肯定会解决您的问题


它提供了对浏览器错误的全面和深入的描述,以及解决这些错误的选项。在我看来,一本必读的书,

了解IE是如何破坏页面的一个好方法是使用CSS打开不同元素的红色边框(
边框:1px纯红;
)。这将立即告诉您这是一个边距问题还是一个填充问题,元素的实际宽度等等。

我们有一个浮动div问题,只有在特定版本的IE6中才明显。它通过下载最新的service pack得到修复。

如何定义布局错误?IE中最令人沮丧的布局实现(我不知道这是否应该被定义为bug)是,我们需要始终在HTML标记中指定style=“display:inline”,这样就不会出现空白行来干扰表单布局。

第一件事 给你自己找一份工作。它是一个救生装置,与IE6和/或IE7配合使用效果很好。它不能替代Web开发者工具栏或Firefox的Firebug,但总比什么都没有好

了解你的敌人 阅读IE的怪癖——尤其是和诸如此类的东西。还有许多CSS细节,您必须要么找到,要么找到。看看有多少流行的JavaScript//可以在不同的环境中使用

罗马不是一天建成的
你使用它的次数越多,你就越容易记住,也就不必经常查找。这方面的经验是无法替代的。不过,正如一些人指出的那样,网上有很多资源。当然在上面。

我认为这个问题的范围太大了

验证你的代码,如果痛苦持续,那么祝你好运

唯一真正的解决方案,就像任何其他大概的错误类型一样,是向谷歌寻求解决方案,或者询问知道的人(即:在stackoverflow向我们提供确切的问题)


您可以使用IE开发工具条收集想法,但许多错误是随机的、无法解释的和深奥的。IE:断头台错误、随机项目复制错误等等,列表还在继续,你可以花上几个小时到处玩弄愚蠢的变量,却一事无成

理论上,使用与IE6布局错误兼容的CSS,只使用众所周知的解决方法(CSS和html过滤器),并以不会破坏前向兼容性的方式为其编码,测试怪癖/严格模式


事实上,求助于表格。

我有一个简单的策略,每次都有效

首先,为了在Safari和Firefox3中保持良好的外观,我使用普遍接受的CSS开发了这个网站。有关浏览器支持的详细信息,请参见

然后,我进入IE6和IE7并使用修改CSS

这是无黑客攻击的,允许您处理不同的浏览器(IE6和IE7有不同的问题)


您会发现的大多数问题来自IE中不受支持的功能(如min width)、长方体模型中的错误(IE在某些长方体中添加了看不见的额外填充(3px))或定位问题。首先考虑这些因素,因为它们通常是问题所在。

一个常见问题是填充未添加到块元素的宽度。因此,对于布局div,避免使用填充,而是使用其中的元素来定义填充

我需要调整IE/标准浏览器之间的差异时使用。它大大减少了在HTML中使用“黑客”来解决常见问题

您可以针对不同的浏览器,甚至不同版本的浏览器(Hello IE 6)使用CSS语句。它的实现非常简单,但需要用户打开JavaScript(大多数情况下是这样的)

.事情{…}

.ie.东西{…}


.ie6.thing{…}

注意到Marc的帖子是a-2=D。他只是说“求助于表格”,尽管它们很糟糕,因为在像ie6这样糟糕的浏览器中,一些坏掉的CSS命令只能在表格中工作(谁知道为什么…你是比尔·盖茨!!!)。这里有一个很好的参考资料,可以了解CSS的工作原理和不工作原理。这是一个很好的参考,可以检查哪些酷炫效果对各种广泛使用的浏览器有效/无效。此外,对于使用IE6进行浏览的用户(尽管它几乎和mechanical Dirth一样古老),总是要有一个开始的计划,因为许多企业仍然使用较旧的浏览器(包括非营利组织/第三世界国家等),所以尽一切努力,创建一个有缺陷的下拉菜单,它看起来比标准的水平菜单要好得多,但是,为IE6专门创建一个第二个漏洞,当页面收到来自IE6浏览器的请求时,该漏洞将成为默认漏洞。

另外,它不仅讨论了IE特定的漏洞,还讨论了Opera和其他浏览器中发现的漏洞,这也很好。box模型几乎从来都不是罪魁祸首。出于某种原因,人们抓住了“盒子模型”这一短语,并将其作为神奇的护身符来解释Internet Explorer的所有错误。这并不意味着“div上不支持的CSS”。主要问题是由bug引起的,见Yadyn的答案。Jim,实际上是盒子模型。你可能不喜欢这个词,但它是用来描述问题的最好的词。当IE 6对待框的总大小不同于其他浏览器时,你还能称之为什么呢?而且很难说这是一个bug,bug意味着某些东西被编码错了,我不相信是这样,微软一直非常一致地保持他们的布局,“框模型”不变。嗯……那就是