테이블질문드립니다.
매디
테이블만들때 마크업을 잘못한건지 colgroup 위드값이 안먹는것같아요
제목부분은 유동적으로두고 나머지는 픽셀값을 먹이고싶은데 조회수부분이 여백이 남거든요..
그리고 저 하얀줄생기는것도 없애고싶거든요 테두리선같은데 영픽셀로주는것하고 관계가없는건지
*마진값하고 패딩값하고 관계없이 생기던데 어떻게 없애나요?
!DOCTYPE HTML
html lang=en-US
head
meta charset=UTF-8
title/title
style type=text/css
section.tableCon table{
border:0px;
border-bottom:2px solid #E6E6E6;
max-width: 690px;
min-width: 300px;
width:100%;
margin:0 auto;
padding:0;
clear:both;
}
section.tableCon table thead tr th.tableNum{
background:#FFF url(img/txt_num.gif) 0 0 no-repeat;
}
section.tableCon table thead tr th.tableTit{
background:#FFF url(img/txt_title.gif) 50% 0 no-repeat;
}
section.tableCon table thead tr th.data{
background:#FFF url(img/txt_date1.gif) 0 0 no-repeat;
}
section.tableCon table thead tr th.hit{
background:#FFF url(img/txt_inquiry.gif) 0 0 no-repeat;
}
section.tableCon table thead tr th{
text-indent:-9999px;
font-size:0;
height:32px;
}/style
/head
body
section class=tableCon
table summary=리스트
caption리스트/caption
colgroup
col width=63px /
col/
col width=72px /
col width=85px /
/colgroup
thead
tr
th class=tableNum scope=col번호/th
th class=tableTit scope=col제목/th
th class=data scope=col등록일/th
th class=hit scope=col조회수/th
/tr
/thead
tbody
tr
td548/td
tda href=#테스트테스트/a/td
td2011/11/07/td
td263/td
/tr
/tbody
/table
/section
/body
/html
-
딸기우유
수다님 말씀대로 css로 아예 대체해서 넓이를 주고 클래스로 입히는 방법도 있슴돠
-
콩알눈
html5로 하시나봐요?? html5에서는 col width를 사용할 수 없습니다.
td 값은 css로 대체하여 따로 설정하시는게 좋을것 같네요.
그리고 독타입 선언에 따른 태그 사용을 하시는게 좋을듯 합니다. 지금처럼 사용하시면 유효성 검사 통과 못해요.
제가 에디트 플러스로 미리보기를 했는데, 올려주신 이미지와 같이 th의 간격이 떨어져있지는 않던데, 혹시 IE를 사용하셨다면 브라우저와 문서모드를 현재 사용하시는 브라우저의 최신버전으로 확인해 보세요