본문 바로가기

Local Oriented/HTML CSS JS

크롬에서 colgroup 의 col 속성 중 colspan 과

<colgroup>

  <col width="20%">

  <col colspan="8" width="10%">

</colgroup>


상기와 같이 했을 때 IE 에선 정상적으로 보여지지만,

크롬에선 오른쪽에 공백이 생긴다.


col 태그에 사용된 colspan 을 없애고 <col width="10%"> 태그를 8번 사용했더니,

더 심각한 오류가 발생함.

물론, IE 에선 정상적으로 보임.


그래서 width 속성에 사용된 % 를 없애고,

pixel 단위로 계산하여 다시 세팅하자 정상화 됨.

크롬에 있는 버그도 상당히 많음..


크롬에서도 정상적으로 보이는 결과는 아래와 같음.


<colgroup>

  <col width="20">

  <col width="10">

  <col width="10">

  <col width="10">

  <col width="10">

  <col width="10">

  <col width="10">

  <col width="10">

  <col width="10">

</colgroup>