본문 바로가기

xhtml

ie 10 table border값 버그

table 에 적용된 border-collapse: collapse; 값 때문에 

IE10 에서 td border-bottom 가 보였다 안보였다 하는 현상.

 

직접 border 를 그려줘야 하는것 같음.

 

table.tbl_list {

    border-collapse: separate;

    border-spacing: 0;

    border-top:1px solid #eaeaea;

    border-left:1px solid #eaeaea;

}

table.tbl_list th {

    border-right: 1px solid #eaeaea;

    border-bottom: 1px solid #eaeaea;

}

table.tbl_list td {

    border-right: 1px solid #eaeaea;

    border-bottom: 1px solid #eaeaea; }




============================================================


 base.css 에 코드 삽입 처리


table {table-layout:fixed; margin:0; padding:0; border:0; border-collapse: separate; border-spacing: 0;}