수다닷컴

안녕하세요~
html table 때문에 고민고민하다가 고수님들께 답변을 구하고자 이렇게.. ㅠㅠ

위 그림처럼 html table의 colspan, rowspan을 써서 만들려고 합니다.
더 복잡한 구조가 될 수도 있는데, 일단 샘플입니다.

이렇게하면 될 거라고 생각했었는데..
table width=200 border=0 cellpadding=0 cellspacing=1 bgcolor=#666666
tr
td width=200 height=20 bgcolor=#ffffff colspan=2 /td
/tr
tr
td width=100 height=160 bgcolor=#f3f3f3 rowspan=8r8/td
td width=100 height=20 bgcolor=#ffffff /td
/tr
tr
td width=100 height=60 bgcolor=#f3f3f3 rowspan=3r3/td
/tr
tr
td width=100 height=20 bgcolor=#ffffff /td
/tr
tr
td width=100 height=80 bgcolor=#f3f3f3 rowspan=4r4/td
/tr
tr
td width=100 height=20 bgcolor=#ffffff /td
/tr
tr
td width=100 height=20 bgcolor=#ffffff colspan=2 /td
/tr
tr
td width=200 height=20 bgcolor=#ffffff colspan=2 /td
/tr
/table이렇게 깨져서 보이네요.

참고로 첫번째 그림의 소스는 아래처럼 했습니다.

table width=200 border=0 cellpadding=0 cellspacing=1 bgcolor=#666666
tr
td width=200 height=20 bgcolor=#ffffff colspan=21/td
/tr
tr
td width=100 height=160 bgcolor=#f3f3f3 rowspan=8r8/td
td width=100 height=20 bgcolor=#ffffff2/td
/tr
tr
td width=100 height=60 bgcolor=#f3f3f3 rowspan=3r3/td
/tr
tr
td width=0 style=display:none/td
/tr
tr
td width=0 style=display:none/td
/tr
tr
td width=100 height=20 bgcolor=#ffffff3/td
/tr
tr
td width=100 height=80 bgcolor=#f3f3f3 rowspan=4r4/td
/tr
tr
td width=0 style=display:none/td
/tr
tr
td width=0 style=display:none/td
/tr
tr
td width=100 height=20 bgcolor=#ffffff4/td
/tr
tr
td width=100 height=20 bgcolor=#ffffff colspan=25/td
/tr
tr
td width=200 height=20 bgcolor=#ffffff colspan=26/td
/tr
/table

익스플로러는 약간 삐꾸가 되서 나오고 크롬이 딱 저렇게 나오더라고요.

div나 그런거 말고 table 하나에 해야합니다.
table을 여러개로 했더니 border-collapse: collapse;가 안먹게 되더라고요.

table을 여러개 사용해도 제대로만 나오면 됩니다.

고수님들의 조언 부탁드립니다. (^^)(--)(__)(--)(^^)

신청하기