网页在Opera浏览器 完全给击垮了 怎么办啊？？？

网页在Opera浏览器 完全给击垮了 怎么办啊？？？ 我是在IE6下开发的。IE6 完全正常。 如果要改的又要改大量代码，头疼啊！！！！

解决方案 »

  1.   

    下面是整个INDEX.PHP的 样式，IE6是好的，我今天特意下了个Opera浏览器来测试，结果布局全乱了，应该改啊？？？<!-- 网页index  -->
    #jdz_i_1
    { text-align:center; width:1000px;}
    #jdz_i_2
    {border:1px solid #b6cae3; height:300px; width:300px; float:left; margin:5px 5px 5px 0px;}
    #jdz_i_3
    {border:1px solid #b6cae3; height:300px; width:482px; float:left; margin:5px 5px 5px 0px;}
    #jdz_i_4
    {border:1px solid #b6cae3; height:300px; width:200px; float:left; margin:5px 0px 5px 0px;}
    #jdz_i_5
    {border:1px solid #b6cae3; height:250px; width:1000px; float:left; margin:0px 0px 5px 0px;}
    #jdz_i_6
    {border:1px solid #b6cae3; height:300px; width:300px; float:left; margin:0px 5px 5px 0px;}
    #jdz_i_7
    {border:1px solid #b6cae3; height:300px; width:482px; float:left; margin:0px 5px 5px 0px;}
    #jdz_i_8
    {border:1px solid #b6cae3; height:170px; width:200px; float:left; margin:0px 0px 5px 5px;}
    .jdz_i_9
    {float:left; text-align:center; width:482px;  background:#A6CAF0;}
    #jdz_i_10
    {float:left; text-align:center; width:200px;  background:#A6CAF0;}
    #jdz_i_11
    {float:left; text-align:center; width:1000px; background:#A6CAF0;}
    #jdz_i_12
    {float:left; text-align:center; width:300px;  background:#A6CAF0;}
    #jdz_i_13
    {float:left; text-align:center; width:482px;  background:#A6CAF0;}
    #jdz_i_14
    {float:left; text-align:center; width:200px;  background:#A6CAF0;}
    #jdz_i_15
    {text-align:left; border-bottom:1px solid #b6cae3; padding:4px; float:none;}
    #jdz_i_16
    {float:left; width:350px; height:20px; overflow:hidden; text-overflow:ellipsis;}
    #jdz_i_17
    {text-align:right;float:none;}
    #jdz_i_18
    {float:left;width:790px; height:150px;border:1px solid #b6cae3;}
    #jdz_i_19
    {width:1000px; height:150px;border:1px solid #b6cae3; margin:0 0 5px 0;float:none;}
    #jdz_i_20
    { text-align:center; width:1000px;  background:#A6CAF0;float:none;}
    #jdz_i_21
    { text-align:center; width:790px;  background:#A6CAF0;float:none;}
    #jdz_i_22
    {border:1px solid #b6cae3; height:130px; width:1000px; float:left; margin:0px 0px 5px 0px;}
    #jdz_i_23
    {float:left; width:190px; height:19px; overflow:hidden; text-overflow:ellipsis; padding:4px;text-align:left; border-bottom:1px solid #b6cae3;}
      

  2.   


    刚刚用CSS的检查工具，检查了一下，没有发现什么问题（检查的版本CSS3，在CSS2.1是有问题）。
      

  3.   

    改了一点点了，把一些FLOAT 的浮动给闭合了，不知道现在各大浏览器的用户占用率是多少，不过应该还是IE最多的
      

  4.   

    楼主如果考虑的用户是用PC的，那么就兼容IE、Firefox就可以了。各大浏览器（要比较的是浏览器内核）占有率都是Firefox和IE占主力的。
      

  5.   

    估计楼主的在firefox下也有问题
      

  6.   

    我等会下个FIREFOX 测试一下
      

  7.   

    IE + Firefox 就 OK
    Opera 占有率还很低
      

  8.   

    Opera基本上不用
    IE和FF正常即可...
      

  9.   

    JS 问题解决了，但是 position:relative; 这个属性的问题不知道怎么弄， 按照网上加 !Important 调整高度 这个也不能使位置正确
      

  10.   

    发现火狐的错误控制台确实挺好， 我在CSS 里的注释怎么也不行？？
      

  11.   

    注释全部改掉了， 已经差不多了。 还就剩position:relative; 这个问题了