웹표준 테이블 코딩시
도도
웹표준 테이블 코딩을 하고 있는데요...
thead 부분이 height값이 구글에서만 아래 이미지 처럼 나옵니다.
IE랑 FF 에서는 잘 나오구요.. 왜 그런지 알려 주세요..ㅜ.ㅜ
구글에서 보이는 모습입니다.ie랑 ff 에서 보이는 모습입니다.어떻게 해야 헤더 부분이 ie랑 ff 에서 보이는 것과 같이 나올까요?? 왜 구글만 글케 보이는지 알려 주세요..
제가 작성한 코드는 대충이렇습니다.
style
.table_form {
margin:20px 0;
}
.table_form table {
width:740px;
text-align:center;
border-top:1px solid #bcbcbc;
border-left:1px solid #bcbcbc;
border-collapse:collapse;
}
.table_form caption {
text-align:left;
font-size:1.3em;
font-weight:bold;
padding-bottom:10px;
}
.table_form thead {
background-color:#f0f0f0;
}
.table_form td, th {
text-align:center;
border-right:1px solid #bcbcbc;
border-bottom:1px solid #bcbcbc;
}
.table_form td {
color:#707070;
}
/stylediv class=table_form
table height=200 cellspacing=0 summary=Patents
captionPatents/caption
thead
tr
th scope=col abbr=dateDate/th
th scope=col abbr=Patent NoPatent No/th
th scope=col abbr=InventionInvention/th
/tr
/thead
tbody
tr
tddd/td
tddd/td
tddd/td
/tr
/tbody
/table
/div아 그리고 한가지 더요..
tbody 부분에요 th scope=row작성자/td 이렇게 써도 상관 없는건가요?
그리고요 원래 th 에 들어가는 텍스트 글자가 굵게 나와요 아무것도 안했는데요..
왜 그런건지도 알려 주세요..ㅜㅜ.
-
진솔
th 는 항목이기 때문에 기본적으로 폰트가 굵게 나오는데요.
그게 원하는 디자인이 아니라면
font-weight:normal; 을 적용하세요~ -
한뎃집
감사 합니다. 해결했어요...^^;;; 테이블에 직접적으로 height값을 주면 안되는군요..
몰랐습니다..^^ 감사해요..^^ -
앵초
대박
-
창의적
테이블에 height 속성을 넣으셨네요. 테이블엔 height 가 없습니다.
td 와 th 에 각각 적용하세요.