ie6 테이블 배경이미지 깨지는 문제
텐시
안녕하세요
table css 작업중인데
아래처럼 ie6에서만 나타나네요.ㅡㅜ
ie7, 8은 전부 잘나오는데..;;첨엔 구분선 옆에 공백인가 했는데 바탕이미지가 반복되는거 같고..
ie6에서 thead가 잘 안되나욤/
#Table {
border:none;
background-color:#fff;
width:662px;
text-align:center;
vertical-align:middle;
margin-top:20px;
margin-bottom:20px;
}
#Table thead {
height:30px;
width:662px;
background:url(../images/boardT_Hbg.gif) no-repeat left top;
padding:0;
margin:0;
}
#Table thead tr{
height:30px;
}
#Table thead td.first {
padding-left:20px;
}
#Table thead td.hLine {
font-size:0;
width:1px;
height:9px;
padding: 0;
margin:0;
background:url(../images/boardT_HLine.gif) no-repeat left ;
}
#Table thead td.end {
padding-right:20px;
}
---------------------------------------table width=100% border=0 cellspacing=0 cellpadding=0 id=Table
colgroup span=7
col width=100px/
col width=1px/
col /
col width=1px/
col width=100px/
col width=1px/
col width=100px/
/colgroup
thead
tr
td class=firstimg src=../images/boardT_no.gif width=15px height=13px alt=No.//td
td class=hLine width=1px height=9px/td
tdimg src=../images/boardT_subject.gif width=38px height=13px alt=subject//td
tdimg src=../images/boardT_hLine.gif width=1px height=9px alt=구분선//td
tdimg src=../images/boardT_name.gif width=29px height=13px alt=name//td
td img src=../images/boardT_hLine.gif width=1px height=9px alt=구분선//td
&n td class=endimg src=../images/boardT_date.gif width=24px height=13px alt=date//td
/tr
/thead
tbody
/tbod
/table
-
다흰
구조를 어렵게 짜신거같아요~; 구분선인 boardT_HLine.gif를 한 td에 넣지 말고 해당 thead 이미지 bg로 까는게 좋을거 같아요~ 그럼 코드도 쉬워지고 작업도 편할꺼예요;
-
상큼한캔디
다른방법으로 해결했어요
^^
근데 이제 ie6에서는 잘 나오는데 왜 ie8에서 저 구분선 이미지는 안나오는걸까욤.ㅠ -
기쁨해
bg를 그냥 테이블에 넣어보세요...
-
여울가녘
^^ 구분선을 배경으로 넣을 수 없는것이 다른쪽에선 또 칼럼이 많아지면 위치가 달라지기 때문에 배경으로 넣지 않았습니다.
그냥 양쪽 쪼개서 td로 이미지 넣고 가운데 이미지 반복으로 해결햇습니다. -
승아
혹시 css에서 테이블 기본설정에 border-spacing:0px; 넣으셨나요?
-
채꽃
아...아닌가봐요.ㅠ
thead 하나의 이미지 맞구요.. 그냥 table에 배경이미지를 넣으면 tbody에도 배경이 깔려버려요...ㅡㅜ
알려주신대로 td에 font:0/0 Arial; 넣었는데...도.. 그대로예요..아.; -
가막새
thead의 타이틀이 하나의 이미지로 되있는거 아닌가요??
-
슬예
그렇게 되면 모든 tr에도 배경이 깔려버려요.,,;;