table th 에서 position:relative 시에 border-bottom 사라짐 문의드려요.
슬현
마크업
tr
thstrong*/strong 휴대폰 선택/th
td class=last
input name= class= id= type= readonly= value=
/td
/trCSS
.tb_data_write.tline {border-top:1px solid #e4e4e4;}.tb_data_write select {height:22px;}.tb_data_write tr th {{position:relative;text-align:left; padding-left:40px; font-weight:bold; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#fbfbfb;}.tb_data_write tr th strong {position:absolute; left:30px;}.tb_data_write tr.last th {border-bottom:none;}.tb_data_write tr th.last {border-right:none;}.tb_data_write tr th.noline {border-bottom:0px;}.tb_data_write tr td {border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:5px 0px 5px 20px;height:22px}테이블에서 글자(휴대폰 선택)는 좌측정렬 되게 하고, strong*/strong 은 좌측정렬된 글자 왼쪽으로 정렬 시키려고 하는데요. 예) 테이블 * 테이블 위와 같은 식이요.그래서 스트롱을 position으로 absolute 로 띄어서 th를 relative 주고 정렬 시켰는데요.그랬더니 IE10 에서 th 의 border-bottom 이 사라지네요. ie7 에서는 border-bottom 보이구요, 크롬에서는 문제 없이 잘 나오고, 파폭에서는 absolute 로 띄운 스트롱이 제대로된 위치에 가있지 않네요. ㅠㅠ 다른 좋은 방법이나, 이 문제를 해결 할 수 있는 방법 없을까요?문제 1. ie10~ie8 에서 border-bottom 이 안보임 2. 파이어폭스에서 strong 에 absolute 위치값이 제대로 안먹음.
-
누림
파폭 때문에라도 td에는 position relative를 사용하시면 안됩니다 div나 span등의 엘리먼트로 감싸서 적용하세요
-
반혈
기본적으로 th나 td는 position 이 안먹습니다.