제가 지금 하고있는 화면인데...왜 저렇게 나오는지 몰라서 묻습니다...ㅋ
찬슬기
이제서야 표준홈페이지를 처음 짜보는 신입입니다...
암만 생각해도 저게 왜 나오는지 몰라서 이렇게 글올립니다..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값을 줘서 나오는것이라는 것은 알겠는데...이걸 어떻게 없애야하는지 모르겠습니다.
첫 표준홈페이지를 짜는것인데..ㅠㅠ 너무 막막하네요..ㅋ 도와주세요고수님들~ㅠㅠ
-
홀림길 2024-08-22
수다님 감사합니다~ 덕분에 해결했습니다....^^ 테이블에 1준 이유를 정확하게 기억하는지모르겠는데..;; 과장님께서 css적용안되는 컴퓨터에서도 테이블이 보여야 한다고 말씀하신거 같네요. 그리고 사용자에게 최대한 편의와 뭐어떤이유를 하기위해 1을 준다고 하셨는데...제대로 기억은 안나네요.ㅠㅠ 담에 한번 더 여쭙고 다시 올리도록 할게요 다크데빌님..;
-
상1큼해 2024-08-22
네...그렇군요...덕분에 좋은 정보 얻어가네요...^^
-
마리 2024-08-22
table border=\1\을 주신 이유가??? 그냥 0을 주시면 되는데...무엇때문에...1을 주신건가요??
-
차나 2024-08-22
border-collapse:collapse 로 인해서 나타나는 현상일거에요.
저절 지워주고 th에 대한 보더, td에 대한 보더로 지정해주면 문제 없을겁니다.
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2700359 | 3.0 ) SimpleButton 상태 강제 변경 (3) | 희선 | 2025-07-04 |
2700304 | ie8 전용핵 문의 (3) | 여자 | 2025-07-03 |
2700281 | 이런경우 어떻게 코딩해야 표준에 따르는건가요? (6) | 늘솜 | 2025-07-03 |
2700230 | 질문이여 ! | 뿡뿡몬 | 2025-07-03 |
2700205 | 액션스크립트책 좀 추천해주세요. (10) | 화이트캣 | 2025-07-02 |
2700173 | 자바 소스인데 어떤게 에러인지..? (1) | 호빵녀 | 2025-07-02 |
2700142 | 하단이 붙어있는 가변 레이아웃구조 질문드립니다. | 이플 | 2025-07-02 |
2700089 | 이미지를 사다리꼴로 비틀게 하는 액션코드가 있나요? (4) | 여름 | 2025-07-01 |
2700033 | 배경에 그라데이션을 넣으려고 하는데요.. (4) | 화이티 | 2025-07-01 |
2700005 | [질문] TextField 객체의 실제 높이 알아오는 방법 ? | 천사의눈물 | 2025-07-01 |
2699978 | FileReferenceList를 이용하여 업로드시 자꾸 실행속도가 느리다는 팝업이... (10) | 데이비드 | 2025-06-30 |
2699944 | 자바스크립트가 많은 사이트는... (6) | 희나리 | 2025-06-30 |
2699918 | 브라우저마다 다른 input과 텍스트 정렬 (3) | 늘봄 | 2025-06-30 |
2699887 | 동적텍스트를 그래픽으로?? (2) | 족장 | 2025-06-30 |
2699862 | scope넣기 (1) | 아인 | 2025-06-29 |
2699835 | exe로 만드는 방법을....알려주세요.. (5) | 방방 | 2025-06-29 |
2699809 | 롤오버할때 백그라운드 이미지로할때 alt설명은 어떻게해야하죠?..ㅠ (4) | 반혈 | 2025-06-29 |
2699757 | 리스트뷰에 있는 내용을 랜덤으로 추출 | 세실 | 2025-06-28 |
2699725 | JMX 질문입니다. (1) | 시나브로 | 2025-06-28 |
2699695 | 으으아으ㅏ으ㅏ 정말미쳐버리겟네요 | 진달래 | 2025-06-28 |