수다닷컴

데이터나 게시판 코딩시 무의식적으로 bodder=0을 사용했는데요.
이러면 css를 끄고 보면 지저스- 내용의 경계선이 없으니 표가 표로 안 보이게 되네요 -_ㅜ..

그래서 수다님 블로그의 게시판소스를 보며 boder=1 의 고마움을 새삼 느꼈는데
문제는 여기서 출발 -

보통 테이블의 라인 사이정리를 위해 border-collapse:collapse 를 쓰는데요.
전 또 사용하는 이유가 빈 셀(td)의 경우 css서 준 border스타일이안보이기 때문에도 사용하였거든요.

그러나 문제 발생 =_=

.datatable{ border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-family:sans-serif; margin-left:15px; border-collapse:collapse;}
.datatable th{ border:0; border-bottom:1px solid #fff; padding:7px; text-align:center; color:#333; background:#f7f7f7; line-height:normal;}
.datatable td{ border:0; border-top:1px solid #eee; padding:6px;text-align:center; color:#666; line-height:normal;}table border=1
tr
tddddtd
td style=boerder-left:1px solid #fffdddtd - 이 경우에만 검정라인이 사람짐 -_ㅜ; border:#fff 안먹음 ㅠ.ㅠ
/tr
/table
이렇게 파이어폭스에서만!!!!!!!!!!!!!!!!!!!!!!!! (전 3.0.5버젼) 검정라인이 생겨버립니다 -_ㅠ... border-collapse:collapse 를 지우면 제대로 사라지고요-_ㅜ

1. 빈 td의 경우 css에서 준 보더 라인이 살아야 한다. (일단 빈 셀이 없게 끔 하는게 쵝오지만 만약의 경우..!!)
2. 모든 브라우저는 공통 된 디자인을 보여줘야 한다. (간격의 문제가 아니라 검정선.. 부들부들 -_ㅜ)
3. 불필요한 마크업은 최대한 줄이기 ㅠ.ㅠ...

음.. 헬프미 입니다 ㅠㅠ... 아흐흐흐흐흑..
전에 어느 블로그에서 border-collapse:collapse 의 문제점에 관한 글을 본 것 같은데 기억이 안나옵니다.. 으하하.

신청하기