STUDY/CSS
[비표준 크로스브라우징] IE와 크롬 col width 계산법의 상이함
수밤바
2021. 12. 2. 15:51
728x90
col width에 padding이 있을경우
<col style="width:220px">
<td style="padding-left:15px"></td>
표준브라우저와 비표준 브라우저의 렌더링 방식이 다름
width 220, padding-left 15 일경우
ie 는 content-box, 표준브라우저는 box-sizing으로 출력
td의 넓이는
ie : width 220, pl 15 = 235px
크롬 : width 105, pl 15 = 200px
table의 width값이 정해져 있는데 td가 맘대로 width값을 늘려버렸으니
그 모자란 width값은 죄없는 옆 친구 td값을 차감한다
구 IE5버전의 모습을 크롬이 그대로 보여줘야 하기때문에
col값을 크롬 계산법대로 수치 수정을 해준다.
728x90