代码之家  ›  专栏  ›  技术社区  ›  Scott Bonner

firefox table css生成tbody killing table width

  •  3
  • Scott Bonner  · 技术社区  · 16 年前

    我正致力于开发一个只支持IE的网站,并使其跨浏览器。在IE、Chrome和Safari中,一切都很好看。然而,火狐并不高兴。

    我有一个名为“dataTable”的表类,它的名称表示一个dataTable。我试图让它伸展到它所包含的分区宽度的100%。以上为100%。当我用Firebug检查它时,桌子伸展到100%。然而,firefox生成的tbody并没有延伸到100%。因此,表中的行和tbody一样小。所以我不知道如何解决这个问题。我试过 tbody{width:100%;} 它什么也没做。

    任何想法我都会非常感激的。

    5 回复  |  直到 9 年前
        1
  •  11
  •   Scott Bonner    16 年前

    好吧,我刚刚回答了我的问题…在CSS内部有一个类似这样的通用CSS…

    table
    {
        border:0px solid #000000;
        padding:0 0 0 0;
        border-collapse:collapse;
        border-spacing:0;
        display:block;
    }
    

    我移除了显示器:block,现在一切都很好…我在table.datatable定义中找到了它,但确实在文件中找到了一个通用的定义…

        2
  •  1
  •   MrGrigg    16 年前

    这可能很愚蠢,但要确保正确选择车身。

    #datatable tbody{width:100%} 
    
        3
  •  0
  •   Amir    14 年前

    我也有同样的问题, 最终通过设置头单元格的宽度属性解决了这个问题(我认为这就是Firefox决定tBody宽度的方法)。

    Table.Table_Class Th宽度:115px;

    如果像我一样,你不想和通用的CSS打交道,这是一个选择。

        4
  •  0
  •   ATOzTOA    12 年前

    看看你有没有 font-size 设置为小于 100% .

        5
  •  0
  •   l2aelba    11 年前

    如果某些浏览器需要 display:block 在里面 <table> 所以…

    table {
        // Something..
        display: block;
    }
    body:not(:-moz-handler-blocked) table {
        display: table;
    }
    

    实例: 电子邮件中的HTML

    如果你还需要在火狐上预览的话,那就来点黑客吧。