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값을 크롬 계산법대로 수치 수정을 해준다.