크롬과 익스플로러에서 다르게 보이는문제(정렬,css버튼)
피스케스
■ 발생 환경 :
OS : win xp테스트 브라우저 : 크롬/익스플로러8/10비교 브라우저
(정상적으로 나오는 브라우저) : 크롬
■ 문제발생 URL (jsfiddle, jsbin. codepen 등 활용):
첨부파일 봐주세요
■ 발생 문제에 대한 자세한 기술:
컴퓨터가 xp다 보니.. 익스플로러 10이상에서 테스트하기가 어려워크롬에 맞춰 작업했습니다. 작업마친후 익스플로러에서 열어봤더니..버튼이 안보이고 정렬이 일자로 되어야하는데 계단식으로 정렬이 되어버리네요..ㅠㅠ크롬에서 보이는것처럼 익스플로러에서도 깨지지않고 보이는방법 알려주세요 htmlli class=btn2a href=# class=adm_btn2span/em1층/span/a/licss/*마우스클릭*/
.adm_btn2{display:inline-block;height:24px; width:53px; padding:1px;background-color:#bcbcbc; background:-webkit-gradient(linear,0 0,0 100%,from(#828282),to(#828282));letter-spacing:-0.05em;border-radius:0px 0px;-webkit-box-shadow:0 1px #dfe0e1; float:left; margin-right:5px; margin-top:10px;}
.adm_btn2 span,.adm_btn2 span{display:inline-block;height:24px; width:53px; background-color:#fefefe;background:-webkit-gradient(linear,0 0,0 100%,from(#677b8b),to(#a3afb9));font-size:12px;color:#fff; font-weight:bold; line-height:24px;white-space:nowrap;border-radius:0px 0px;text-align:center;}이거 보시기보단..첨부파일에 올린것 보아주시면 감사하겠습니다..ㅠㅠ
