table-layout:fixed ie6 오류

 

table-layout:fixed에 관한 심각한 오류였다. -ㅅ-;;

작업시 아래 소스 같이 colgroup을 이용하여 셀의 사이즈를 지정하고 table에 table-layout:fixed 스타일을 넣은 경우였다.

<table style="width:100%; table-layout:fixed;">
<colgoup><col width="100px" /><col /><col width="100px" /></colgroup>
<tr>
  <td>어쩌구</td>
  <td>저쩌구</td>
  <td>^^</td>
</tr>
</table>

헌데 개발할 때는 반복되는 부분의 html소스를 개발 파일에 넣으니 아래와 같이 남아있으니 ie6에서 에러가 나서 닫힌다.

<table style="width:100%; table-layout:fixed;">
<colgoup><col width="100px" /><col /><col width="100px" /></colgroup>
<% 코드 %>
</table>

사이즈를 계산하다 계산할 셀이 없어서 오류가 나나부다.

쳇… 테이블 width지정하고 셀에선 col에서 정하여 table-layout:fixed 시키면 col에서 넓이를 지정하지 않은 셀에서는 왼쪽오른쪽 패딩 마음껏 줘도 지정한 넓이가 없어 테이블 사이즈 잘 잡아주기 때문에 내가 자주 이용한 방법이였는데, 사용 못하겠네 –)

출처 : http://simji.tistory.com/43

 

This entry was posted in Javascript/Html and tagged , . Bookmark the permalink.

댓글 남기기