http://basecom.kr/ 2010-07-29T16:22:38+09:00 Textcube 1.7.8 : Con moto (키드) http://basecom.kr/127#comment78 2004-11-07T13:58:10+09:00

colspan이나 rowspan으로 셀을 합칠때 동일한 크기로 나타난다는게 정확히 어떤 의미인지 선뜻 이해되지는 않지만, table-layout:fixed를 쓴다고 해서 셀이 동일한 크기로 나타나지는 않는걸로 알고있는데요. 실례가 안된다면 정확히 어떤 때 그런 문제가 생기는지 예제를 하나 부탁드려도 될까요? 궁금하네요... 새로운걸 하나 배워갈지도 모르겠네요... ^^;;

(basecom) http://basecom.kr/127#comment79 2004-11-07T19:16:24+09:00

저도 이것땜에 고생하다가 알게된건데요. 검색해보니 혹자는 버그라고도 하더군요;; 예를들면 이런 거죠. <table style="table-layout: fixed; border: solid 1 black" width="150"><tr><td style="border: 1 solid black" colspan="2">1</td></tr><tr><td style="border: 1 solid black" width="50">2</td><td style="border: 1 black solide" width="150">3</td></tr></table> 이런 소스가 있다면 테이블의 전체 너비는 150픽셀로 고정되고, 첫번째줄은 그냥 한 칸이지만 두번째줄은 두 칸이죠. 여기서 두번째줄의 첫칸엔 50, 두번째칸엔 100을 줘서 저런식으로 나눠질 것을 기대하지만 실제론 75,75 로 나눠진다는 겁니다. 혹시 해결법 알고 계시면 알려주세요. 전 그냥 테이블 속에 테이블 만들었습니다;;

(키드) http://basecom.kr/127#comment80 2004-11-08T03:46:18+09:00

아~ 그렇군요. 적어주신 소스는 말씀처럼 50, 150으로 넓이가 지정되어 있음에도 75씩 나타나는군요. 처음 알았습니다. 저렇게 써본일이 없어서리... ^^;; 저 문제는 td에 넓이값을 주었기 때문에 발생한 겁니다. table-layout:fixed는 col과 같이 사용해야 합니다. <table style="table-layout: fixed; border: solid 1 black" width="150"><col width="50"><col width="150"><tr><td style="border: 1 solid black" colspan="2">1</td> </tr><tr><td style="border: 1 solid black">2</td><td style="border: 1 black solid">3</td></tr></table> 이렇게 하면 정상적으로 출력됩니다. 참고로 예전에 써논 글 트랙백 겁니다.

(basecom) http://basecom.kr/127#comment81 2004-11-09T01:30:23+09:00

아.. 그렇게 하면 되는거였군요~ 감사합니다^^ 여러가지 배웁니다. 이래서 블로그가 좋습니다.

(pychban) http://basecom.kr/127#comment9474 2010-07-28T06:28:47+09:00

정말 큰 도움 얻고 갑니다..감사합니다~!