IE11でtableのcssが思い通りにいかない事がある

EC-CUBEで作っているサイトのある日突然崩れたと連絡があり調べたところIE11が原因のようでした。
とりあえず直ったけどIE11のなにが悪いのかはよくわからず・・・・?
備忘録的にDiffを貼っときます

~~~
table {
margin: 15px auto 20px auto;
– border-top: 1px solid #ccc;
– border-left: 1px solid #ccc;
+ border-right: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
width: 95%;
– border-collapse: collapse;
text-align: left;
+ border-spacing:0;
+ border-collapse:separate;
+ /border-collapse:collapse; /* ie6,7 */
+}
+th, td{
+ border-top:1px solid #ccc;
+ border-left:1px solid #ccc;
+ padding:8px;
}
table th {
padding: 8px;
– border-right: 1px solid #ccc;
– border-bottom: 1px solid #ccc;
color: #333;
background-color: #f0f0f0;
font-weight: normal;
}
table td {
– padding: 8px;
– border-right: 1px solid #ccc;
– border-bottom: 1px solid #ccc;
}

/* 商品詳細画面のテーブル枠
~~~

即効直してしまって崩れた状況をキャプチャ撮るのを忘れたのが大失敗なのでした(^_^;)

コメント

タイトルとURLをコピーしました