수다닷컴

테이블을 가지고 달력을 표시 해보았습니다.거기에 선스타일 border-top,bottom,left,light, border-style 을 활용하여다양하게 계속 해보고 해보았는데 인터넷 버전에 따라 선 스타일이 가지각색으로 먹히네요..
아래 그림을 보시면 알겠지만 크롬의 테두리 선이 1px일때 2013년 6월 th태그 하단에 dotted스타일이 제대로 안먹힙니다.익스플로러는 정상적으로 보이구요.2px일때는 크롬에서는 2013년 6월 하단 부분이 적용이 제대로 안되며, 1px일때 와는 다른 모습으로 변경되었습니다.익스플로러는 달력의 숫자 부분 월~금 부분만 정상적인 색깔이 보입니다. 나머지는 연하게...
참 이게 머리아프고 왜 제대로 안먹히는지 참 모르겠네요. 도대체 무슨 이유인지 ... 사소하지만 신경쓰이고 스트레스받네요 ㅠ
그냥 실선으로 하면 당연히 문제는 없습니다. 그렇다고 실선하라는 답변은 사절입니다.사용한 스타일 소스를 적겠습니다. 테이블 자체의 소스는 2013년 6에서 colsapn=7 쓴것 외 엔 일반적인 테이블 입니다.일절 다른 속성은 사용되지 않았습니다.
table { border:1px solid black; text-align:center; border-collapse:collapse; font-family:굴림; width:200px; } .day_1 th,.day_1 td,.day_2 td, .weekday td { border-right:1px dashed red; border-bottom:1px dotted blue; }

크롬 table border :1px 일때
익스플로러 10table border :1px 일때크롬table border :2px 일때

익스플로러 10 table border :2px 일때

신청하기