ie6 화면이 다르게 나옵니다.
꺆잉
border-collapse:collapse; 대신에 border-spacing:0; 을 쓰면 스페이싱 값이 먹질 않고 테이블이 모두 떨어집니다.
테이블 안에 인라인 스타일로 값을 박아넣어도 ie6에선 요지부동입니다. 또한 colwidth값을 변화시킬경우 변하기는 하는데 ie8과width값이 달라보여요. 스타일태그로 width를 박아 넣어도 마찬가지입니다.
게시판 2개, 사이트맵을 같은 방법으로 코딩했는데 게시판은 width 값은 제대로 나옵니다. 대신 th에 여전히 라인이 보이고 있구요. 도와주세요. ㅠㅠ 들어간 css 입니다.
.site_bg{background:url(../../images/sitemap_list_bg.gif) no-repeat;}
.site_box{width: 1125px; border-collapse:collapse; padding:0; border: none; }
.site_box th { height:32px; font-weight: normal; border: none;}
.site_box td { height:18px; padding:3px 0 3px 10px; border: none;}
.site_box td.bb{ border-bottom: 1px #e4e4e4 solid;}
table class=site_box
caption검색 결과/caption
colgroup
col width=129 /
col width=169 /
col width=248 /
col width=541 /
col width=* /
/colgroup
tr class=site_bg
th중메뉴/th
th소메뉴/th
th세메뉴/th
th메뉴상세설명/th
th연결/th
/tr
/table
중간에 if문 조건 들어가서 두개를 테이블로 나눴습니다.
table class=site_box
colgroup
col width=129 /
col width=169 /
col width=248 /
col width=541 /
col width=* /
/colgroup
tr
td class=bbc:out value=${mData.menuMdlKndName[index]} //td
td class=bbc:out value=${mData.menuSmlKndName[index]} //td
td class=bbc:out value=${mData.menuName[index]} //td
td class=bbc:out value=${mData.menuComment[index]} //td
td class=bbimg src=%= imagePath %/sitemap_link.gif alt=연결 //td
/tr
/table
-
블랙캣
%도 해봤는데...똑같더라구요..ㅠ_ㅠ
-
강아지
범인은 col /이었네요. 이틀동안 삽질후 결국 삭제하기로 결정했습니다...ㅠㅁㅜ
-
새난
border-collapse 는 저도 다른 브라우저에서 문제가 있다고 해서 잘 쓰지 않는데...해결이 안되서 넣어봤습니다. 계산이 틀린건 잘 몰랐어요. 좋은 팁 감사합니다^ㅡ^*.
-
태양
일단 모든 브라우저에서 비슷하게 보이려한다면 width 값을 px로 고정시키지 말고 %로 표현하세요.
당연히 디자인과 몇 픽셀은 차이가 날 것입니다만.. 브라우저별로 달라보이는 건 많이 좋아집니다. -
얼
border-collapse 프로퍼티는 비추해요^^;;
table border=\0\ cellspacing=\0\ cellpadding=\0\
마크업이 지저분해져도 이게 나을거예요...
왜냐면, css로 없애면 계산이 틀려져서요.^^;