테스트 사이트 - 개발 중인 베타 버전입니다
SIR

이런모양의 테이블을 만드는게 가능할까요?

부엉빵
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 13년 전 · 4170 · 9
 
이런모양의 테이블을 만드는게 가능할까요?

<table border="1" width="100" height="100">
    <tr>
        <td width="100" height="25"></td>
        <td width="100" rowspan="2"></td>
        <td width="100" height="75"></td>
    </tr>
    <tr>
        <td width="100" height="75"></td>
        <td width="100" height="25"></td>
    </tr>
</table>
이런식으로 했는데 이상해져버려요.
그림처럼 중간선이 지그제그로 안나오고 평평하게 나와요.
테이블의 규칙을 어기는 것인가요?
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 9개

커피는막심
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
당연히 불가능 하죠 테이블에 td안에 테이블을 잡으세요
부엉빵
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
답변 감사드려요.
불가능한 이유가 알고싶어 글을 올리게 되었습니다.
왜 그렇게 하면 안될까요?
(장난 아니고, 정말정말 궁금해요;;)
전진
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
<table border="1" width="100" height="100">
<tr>
<td rowspan="2"></td>
<td rowspan="3"></td>
<td ></td>
</tr>
<tr>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
</tr>
</table>
전진
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
크롬에서만 테스트 해봤네요. ^^;
IE8/9 standards 모드에서는 제대로 처리를 못하네요. -_-
quirks 모드나 IE7에서는, border는 안나오는데, 바탕색을 칠해보시면 셀은 원하시는 대로 나누어진 것을 확인하실 수 있습니다.
해당 댓글: http://sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=234263#c_234358

크로스 브라우징을 원하시면 (어쩔 수 없이) 컬럼 안에 별도의 테이블이나 div들로 원하는 분할을 하셔야 할것 같네요. ^_^
고냉이
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
얼마든지 가능합니다.
태그로는 헷갈려서 잘 모르겠구..
나모나 드림위버로 하면 알아서 rowspan 을 줍니다.
바로 답 나옵니다.
네이
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
진짜 안되네여 ㅠㅠ..;;
채널웹
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
<table border="1" width="100" height="100">
<tr>
<td width="100" height="36" rowspan="2" bgcolor="#0000FF"></td>
<td width="100" rowspan="3" bgcolor="#006600"></td>
<td width="100" height="28" bgcolor="#006699"></td>
</tr>
<tr>
<td width="100" rowspan="2" bgcolor="#333333"></td>
</tr>
<tr>
<td width="100" height="33" bgcolor="#993300"></td>
</tr>
</table>


가능은 합니다.

하지만 비추인게 정말 고정화 되어 있는 테이블이라면 상관없지만 그렇지 않은 경우 테이블이 깨져버리게 됩니다. 그냥 tr 세개 만들고 그 안에 다시 테이블을 넣는게 훨 좋으실겁니다.
누구얏
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
저런 테이블을 쓸일이 있긴 있나봐요?;;
가능하긴 가능한가보네요 ㅋㅋㅋ

게시글 목록

번호 제목
2407
CSS ios 에서 input 스타일 초기화 5
2399
기타 modern.ie 일종의 ie 테스터? 2
2397
CSS 웹표준코딩에 필요한 지식 참고하세요. 5
2379
기타 크로스브라우징? 이제 크롬에서 하나로 확인하자 18
2362
웹접근성 자바스크립트를 끈 로그인 폼 15
2359
기타 HTML5 기반 에니메이션 제작을 위한 Adobe Edge 3
2358
CSS IE6/7 img px 버그
2346
반응형 참고해서 만들어 본 반응형 레이아웃 7
2332
CSS 팁은 아닌데 그냥 제가 자주쓰는 버튼 css 5
2329
웹접근성 html / css 버튼 만들어 주는 사이트. 자주 활용합니다^^; 편리성 9
2326
HTML IE6 PNG 초 간단하게 적용 3
2325
HTML HTML5 placeholder 사용하기 1
2322
CSS 제가 사용하는 CSS RESET (초기화) 3
2321
HTML <img> 태그 올 바르게 사용하기. 8
2317
CSS 모바일/테블릿의 @font-face 지원여부 2
2312
웹접근성 웹접근성이란? 3
2309
웹접근성 웹표준형 화면 확대/축소 8
2308
CSS 익스플로러에서 CSS3의 컬러속성을 필터로 사용하도록 변경해주는 사이트
2305
웹접근성 접근성을 고려한, 컨텐츠를 가리는 방법 4
2301
CSS 그라디언트 에디터 7
2300
HTML 파비콘(favicon) 만들어 넣기 2
2293
CSS css를 이용한 2차 메뉴입니다. 7
2288
기타 고수님들 사이트오류(레이어팝업) 좀 봐주세요 ㅠ.ㅠ 4
2281
HTML object 태그 질문 드ㅡ립니다 2
2276
HTML [HTML5] classList api 클래스 변경 api 1
2273
기타 필요에 따라 자스/css 불러왔다 내보내기 3
2270
CSS 가상클래스 순서 외우기 3
2263
HTML 넌 이제 오빠꺼야, embed 동영상 위의 div 표시문제 8
2261
반응형 반응형웹 패턴/리소스/뉴스 4
2258
CSS CSS에 attr 함수에 대해 3
이전 다음
전체 목록