cell 의 box model 규격 문제
Posted: 2010 02 28 17:30 03
td 태그 혹은 display:table-cell 인 엘리먼트의 height 문제입니다.
IE가 DTD선언을 하지 않았을 경우 width와 height가 padding, border 를 먹는 것처럼, FF에서는 td나 table-cell 의 height가 padding, border 를 먹습니다.
*DTD
IE8 : 정상
Firefox3.6 : error
Opera10 : error
Chrome5 : 정상
Safari4 : 정상
*Non-DTD
IE8 : error
Firefox3.6 : error
Opera10 : error
Chrome5 : error
Safari4 : error
IE가 DTD선언을 하지 않았을 경우 width와 height가 padding, border 를 먹는 것처럼, FF에서는 td나 table-cell 의 height가 padding, border 를 먹습니다.
*DTD
IE8 : 정상
Firefox3.6 : error
Opera10 : error
Chrome5 : 정상
Safari4 : 정상
*Non-DTD
IE8 : error
Firefox3.6 : error
Opera10 : error
Chrome5 : error
Safari4 : error