수다닷컴

이제서야 표준홈페이지를 처음 짜보는 신입입니다...

암만 생각해도 저게 왜 나오는지 몰라서 이렇게 글올립니다..T_T;
============================================================================================
HTML
============================================================================================
div class=padd15
div id=history
table class=ht border=1 summary=2001년 3월부터 2006년 3월까지의 연혁 (2001. 03. 06, 2002. 04, 2004. 11, 2006. 03)에 대한 설명 표입니다.
caption2001년 3월 ~ 2006년3월까지의 연혁/caption
colgroup
col class=w100 /
/colgroup
tbody
tr
th scope=col2006.03span class=sign|/span/th
td지역혁신센터(RIC)로 통합/td
/tr
tr
th scope=col2004.11span class=sign|/span/th
td class=dotted제 1회 대한민국 지역혁신박람회 우수센터 선정/td
/tr
tr
th scope=col2002.04span class=sign|/span/th
td class=dotted지역기술혁신센터(TIC)지정/td
/tr
tr
th scope=col2001.06span class=sign|/span/th
td class=dotted지역협력연구센터(RRC) 지정/td
/tr
tr
th scope=col class=nodotted2001.03span class=sign|/span/th
td설립/td
/tr
/tbody
/table
/div
/div
div style=clear: both/div============================================================================================
CSS
============================================================================================
/* 연혁 테이블 */
#history {position: relative; width:100%; float:right; border: 0px solid red;}
#history .sign{padding:0 0 0 10px; font-family: 돋움, Tahoma, Sans-serif; font-size:1.2em; color:#cdcdcd; }
#history table.layout {border-collapse:collapse; margin:0; padding:0; border-width:0;}
#history table.layout td {padding:0; border-width:0 !important; vertical-align:top;}
#history table caption{display：none; text-align:left; font-weight:bold; font-size: 1em;letter-spacing:0; padding: 0.8em 0 0.4em 14px; margin:0;} /* caption태그는 숨김 */
#history table.ht {border-collapse:collapse; width: 100%; margin: 1.2em 0px; border-top: 1px dotted #c8c8c8; border-bottom: 1px dotted #c8c8c8; border-left: 0px; border-right: 0px;}
#history talbe.ht tr{ } /* colgroup으로 Td스타일제어하려면 tr에 정의 */
#history table.ht th {border: 1px dotted #C8C8C8; border-width: 1px 0 0 0; padding: 6px 6px 4px 6px;}
#history table.ht th.nodotted{padding: 6px 6px 4px 6px; border: 0px; }
#history table.ht td.dotted { font-family: 돋움, Tahoma, Sans-serif; color:#555555; text-align:left; border: 1px dotted #c8c8c8; border-width: 1px 0 0 0; padding: 6px 0 4px 0;}
#history table.ht td {font-family: 돋움, Tahoma, Sans-serif; color:#555555; text-align:left; border: 0 solid red; padding: 6px 0 3px 0;}
#history table.ht thead, table.ht tfoot { background: #FFFFFF; font-weight: normal;}
#history table.ht thead th, table.ht tfoot th {background:#FFFFFF; color:#333333; font-weight:bold; text-align: center; vertical-align: middle;}
#history table.ht th {background:#FFFFFF; color: #4485d9; text-align:center; font-weight: bold;}
#history table.ht td {background:#FFFFFF;}
#history table.ht tbody td.left {background:#FFFFFF; text-align:left;}
#history table.ht tbody td.center {background:#FFFFFF; text-align:center;}
#history table.ht tbody td.right {background:#FFFFFF; text-align:right;}

====================================================================================================================
이렇게 짰는데(과장님 테이블 짠 CSS를 살짝 변경했음..) 타 브라우저에서는 잘 나오는데 유독 모질라에서 이상하게 나오네요.

이유는 테이블에 border=1값을 줘서 나오는것이라는 것은 알겠는데...이걸 어떻게 없애야하는지 모르겠습니다.

첫 표준홈페이지를 짜는것인데..ㅠㅠ 너무 막막하네요..ㅋ 도와주세요고수님들~ㅠㅠ

신청하기