colgroup를 쓰고 난 후, th위에 tr td 태그를 쓸 때 깨지는 경우

말자아이콘 전체게시물 작성일15-02-27 07:22 조회2,727회

본문

colgroup으로 td,th설정을 하면, 간편하고 좋아 쓰게 되었는데

<table>
<caption><img src="img/title_img.gif">게시판</caption>
<colgroup>
  <col width="10%">
  <col>
  <col width="15%">
</colgroup>
<tr>
  <td colspan="3">
</tr>

<tr>
  <th>번호</th>
  <th>제목</th>
  <th>내용</th>
</tr>
<tr>
  <td></td>
  <td></td>
  <td></td>
</tr>
...

캡션에 타이틀 이미지를 넣고,
바로 게시판이 나오는 것이 아니라. 그 위에 다시 td나 th로 3열을 합한 컨텐츠가 더 들어가야 하는데 위와 같이 th 위에 td를 넣어버리니.. 사파리에서 col이 먹히지가 않네여
넓이가 다 같아지는

th 위에는 td태그가 들어가서는 안되는건지 ㅠㅠ
게다가 굳이 th는 필요가 없는 부분도 있어서.. td설정이 쉬운 colgroup를 쓴 것인데

그러다가 안깨지는 방법을 찾았는데.. 고개가 갸우뚱
누군가에게 물어서 쉽게 답이 나오지도 않고 빨리 처리해야하는 일인데 시간은 지체되고 ㅠㅠ

엉뚱하게 캡션 영역을 테이블에서 빼고
<caption><img src="img/title_img.gif">게시판</caption>

테이블 바깥속으로 빼니 - -;; 문제가 해결되네요..
<h1><img src="img/title_img.gif">게시판</h1>


왜그런가요 ?ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
일단은 이렇게 해결은 본 -_-;;;;;


 

비회원도 추천 가능합니다.
유익한 정보였다면, 추천해주세요

추천 1 비추천 0

Css + Html

113개의 게시물
목록
읽기: 1P (1lv), 쓰기: 100P (3lv), 덧글: 10P (2lv), 다운: -10P (2lv)
Css + Html 목록
번호 제목 아이디 날짜 조회수 추천
113 부트스트랩 부트스트랩 모달 (modal) 클릭시 오른쪽에 생기는 여백 17px없애기 무료아이콘 전체게시물 10-12 73 추천: 1
112 css 에어콘 출판사 메인 콘텐츠 레이아웃 관련링크 무료아이콘 전체게시물 09-13 88 추천: 1
111 css float 중앙 정렬 시키기 무료아이콘 전체게시물 09-11 114 추천: 1
110 css 모바일에서 입력창 input 클릭시 확대되는 거 막기 관련링크 무료아이콘 전체게시물 09-04 100 추천: 1
109 jQuery/java 다양한 사이드바 소스 사이드바 플러그인 관련링크 무료아이콘 전체게시물 09-02 100 추천: 1
108 css 크롬 노란 input 배경 없애기 무료아이콘 전체게시물 08-27 144 추천: 1
107 css input에 입력폼에 글자 미리 넣어두기 무료아이콘 전체게시물 08-25 99 추천: 1
106 css 마진 여백 사용시 %넓이 깨지는 경우와 width100%밀림 깨짐 해결하기 무료아이콘 전체게시물 08-17 336 추천: 1
105 etc 브라우저 별 CSS 핵 관련링크 무료아이콘 전체게시물 08-09 119 추천: 1
104 css 목록(리스트)형식의 css에 텍스트 블릿 사용하기 무료아이콘 전체게시물 08-08 80 추천: 1
103 css 넓이 100%에 25%씩 4개값을 줬는데 줄바꿈 되는 경우 ㅠㅠ 댓글1 무료아이콘 전체게시물 07-17 181 추천: 1
102 부트스트랩 동영상 슬라이드 댓글2 관련링크 무료아이콘 전체게시물 01-20 1416 추천: 16
101 부트스트랩 다중,멀티 스타일시트 우선순위 무료아이콘 전체게시물 01-19 1681 추천: 15
100 부트스트랩 부트스트랩 nav 높이를 높였을 때 다른 div 와 겹치는 현상 무료아이콘 전체게시물 01-17 1062 추천: 14
99 부트스트랩 부트스트랩에 swiper로 네이버 터치 스크롤링 메뉴 만들기 관련링크 무료아이콘 전체게시물 01-17 4208 추천: 15
게시물 검색