Html CSS浏览器兼容性问题

Html CSS浏览器兼容性问题,html,css,frameworks,Html,Css,Frameworks,我最近为一个客户端设计了一个web应用程序。我使用CSS作为应用程序的布局。我在IE7、Mozilla 3.0.1、Google Chrome 2.0.xxx、Safari 3.1和Opera 9.51上测试了布局 它们都显示正确,没有问题。在应用程序交付后,我的客户发现它与IE6存在兼容性问题。网站显示不正确 如何解决此问题?我的系统上甚至没有IE6来修复它。每次我尝试将浏览器降级到IE6时,IE都会停止工作。有没有一种方法可以让我得到一个可以在线模拟IE6的环境 第二,使用css框架是否可以

我最近为一个客户端设计了一个web应用程序。我使用CSS作为应用程序的布局。我在IE7、Mozilla 3.0.1、Google Chrome 2.0.xxx、Safari 3.1和Opera 9.51上测试了布局

它们都显示正确,没有问题。在应用程序交付后,我的客户发现它与IE6存在兼容性问题。网站显示不正确

如何解决此问题?我的系统上甚至没有IE6来修复它。每次我尝试将浏览器降级到IE6时,IE都会停止工作。有没有一种方法可以让我得到一个可以在线模拟IE6的环境

第二,使用css框架是否可以解决兼容性问题?即使我想使用css框架,除了blueprint css,哪一个更好


感谢您的时间。

IE6在处理CSS方面是一个众所周知的灾难。你最好的选择是使用一个虚拟机或一个有IE6的旧系统,并使用它进行测试。然而,有一些相当不错的工具可以在很大程度上模仿IE6。我最喜欢的是。现在有一个在线工具也不错,但我发现有时候并不一致

您最好的方法是创建一个仅适用于IE6的单独样式表,并使CSS的其余部分保持工作状态。通过在HTML中使用以下内容,可以加载仅限IE6的样式表:



加载后,您可以开始覆盖IE6中出现问题的常用样式。

IE6在处理CSS的方式上是一个已知的灾难。你最好的选择是使用一个虚拟机或一个有IE6的旧系统,并使用它进行测试。然而,有一些相当不错的工具可以在很大程度上模仿IE6。我最喜欢的是。现在有一个在线工具也不错,但我发现有时候并不一致

您最好的方法是创建一个仅适用于IE6的单独样式表,并使CSS的其余部分保持工作状态。通过在HTML中使用以下内容,可以加载仅限IE6的样式表:



加载后,您可以开始覆盖IE6中出现问题的常用样式。

首先,从这里下载虚拟pc和IE兼容性测试VHD会很好,我也使用了zombat提到的IEtester,但更喜欢VPC映像

然后,您可以针对不同风格的IE测试您的应用程序

为了让IE6正常工作,我经常求助于一个单独的CSS表,并使用条件注释将其链接起来


祝你好运:)

首先,从这里下载虚拟pc和IE兼容性测试VHD对你有好处,我也使用了zombat提到的IEtester,但更喜欢VPC映像

然后,您可以针对不同风格的IE测试您的应用程序

为了让IE6正常工作,我经常求助于一个单独的CSS表,并使用条件注释将其链接起来


祝你好运:)

IE 6的CSS框模型中有许多错误,导致正确编码的站点在该浏览器下崩溃。有可能使用box model hack和其他解决方法来解决这些问题,因此需要获得IE6

  • 为了解决IE6问题,我最喜欢的选择是安装一个IE仿真器,让您可以运行多个版本的InternetExplorere。很好,虽然还有其他的。另一种常见的方法是创建一个运行IE6或双引导的虚拟机(这两种方法都很耗时,也很痛苦,但实际上是可行的)。如果可以,我更喜欢使用模拟器

  • IE6的CSS框模型中有很多错误,导致正确编码的站点在该浏览器下崩溃。有可能使用box model hack和其他解决方法来解决这些问题,因此需要获得IE6

  • 为了解决IE6问题,我最喜欢的选择是安装一个IE仿真器,让您可以运行多个版本的InternetExplorere。很好,虽然还有其他的。另一种常见的方法是创建一个运行IE6或双引导的虚拟机(这两种方法都很耗时,也很痛苦,但实际上是可行的)。如果可以,我更喜欢使用模拟器

  • 创建一个特定于修复IE6问题的样式表,并使用条件语句(仅IE支持)调用它。以下是您应该在文档标题中包含的内容的示例:

    <!--[lte IE 7]> 
        <link rel="stylesheet" type="text/css" href="ie6.css" />
    <![endif]-->
    
    
    

    你可能还想考虑“重置”你的CSS,这有助于在一个公平的竞争环境中启动浏览器(即,在伊江中消除不一致的边距和填充)。我用的那个可以找到,还有雅虎!作为YUI 3的一部分提供了一个


    至于能够在IE6中调试自己的标记和样式,我建议有两个选项:在PC上虚拟化浏览器(IE6、IE7、IE8、FF2、FF3、Chrome、Opera 9、Safari 3、Safari 4),而不必安装实际的应用程序,这是一个相当错误的选项,但让我们在IE6、IE7中呈现标记,和IE8,而无需安装它们。

    创建一个特定于修复IE6问题的样式表,并使用条件语句调用它(只有IE支持)。以下是您应该在文档标题中包含的内容的示例:

    <!--[lte IE 7]> 
        <link rel="stylesheet" type="text/css" href="ie6.css" />
    <![endif]-->
    
    
    

    你可能还想考虑“重置”你的CSS,这有助于在一个公平的竞争环境中启动浏览器(即,在伊江中消除不一致的边距和填充)。我用的那个可以找到,还有雅虎!作为YUI 3的一部分提供了一个

    至于能够在IE6中调试自己的标记和样式,我建议有两个选项:在PC上虚拟化浏览器(IE6、IE7、IE8、FF2、FF3、Chrome、Opera 9、Safari 3、Safari 4),而不必安装实际的应用程序,这是一个相当错误的选项,但让我们用IE6、IE7和IE8来呈现标记
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd" >
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">