3 votes

Différences d'effondrement des bordures dans FF et Webkit

J'ai un tableau avec les règles suivantes :

    <table cellspacing="0" cellpadding="0" style="table-layout:fixed;
width:1000px;border-collapse:collapse;border-spacing:0">

et les cellules ont le CSS suivant :

td{
padding:4px;
height:22px;
border:1px solid gray;
}

Le style calculé pour les cellules de mon tableau ressemble à ce qui suit dans FF :

padding-top 4px
padding-right   4px
padding-bottom  4px
padding-left    4px
border-top-width    0
border-right-width  1px
border-bottom-width 1px
border-left-width   0

alors que sur webkit, cela ressemble à ceci :

padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;

Pour une raison quelconque, il y a une différence dans les deux propriétés suivantes :

border-top-width
border-left-width

Est-ce un problème connu ? Quelles sont les solutions possibles à ce problème ?

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X