수다닷컴

안녕하세요. table로 게시판을 css로 디자인하고 있는 도중에 IE마다 조금씩 차이가 생기는 것을 발견했습니다.
IE9, FF3, Opera 등 최신버전의 브라우저에서는 thead에 border를 먹여도 문제가 없게 표시되지만
IE8이하의 버전이나 IE9 호환성모드부터는 thead의 border가 나오지 않더군요.

thead 부분에선 다음과 같이 표시해 주려고 합니다.
번호
제목
글쓴이
날짜

또한 안쪽의 border는 표시하지 않고 밖의 가장자리부분의 border만 나타내고 싶습니다.

┌───────────────────────────┐
│번호 제목 글쓴이 날짜 │
└───────────────────────────┘
이런식으로 말이죠! thead에는 border가 정확하게 먹히지 않는 것으로 보이는데(맞는지 모르겠습니다만;)

어떻게 해야하는지 조언좀 주세요^^;;

table summary= cellspacing=0 cellpadding=0
caption/caption
colgroup
col width=50px /
col width=* /
col width=120px /
col width=80px /
col width=60px /
col width=100px /
/colgroup
thead
tr
th번호/th
th제목/th
th글쓴이/th
th조회/th
th추천/th
th작성일/th
/tr
/thead

html 소스는 대략 위와 같습니다.

css부분은,
/* 목록 */
#boardlist th,td {font-size:12px; font-family:돋움,Dotum,sans-serif; color:#666}
#boardlist thead {background-color:#f9f9f9; border:1px solid #d1d1d1}
#boardlist th {font-size:11px !important; font-style:normal; font-weight:normal; text-align:center; height:30px}
#boardlist th {background-image:url(images/board_divide.gif); background-repeat:no-repeat; background-position:0% center}
#boardlist th:first-child {background-image:none !important;}

입니다.

신청하기