본문 바로가기

반응형

bug fix

(12)
ie7 li여백 오랫만에 ie 크로스브라우징을 하니까 햇갈린다. 잊어먹었던 버그들이 생겨난다.li에서 ie7에서만 묘하게 여백이 생겨난다 이미지가 있을때 li img{display:block;font-size: 0} 이게 중요하다. 아마도 img를 li에 집어넣으면 인라인으로 인식을해서 이상하게 여백이 생기나 보다.
web 사파리 크롬에서 input[type=search] border 문제 input[type="search"] {-webkit-appearance: textfield;box-sizing:content-box} /*web chorome,safari remove border*/서치타입의 인풋박스는 웹에서 이상한 아우라인이 생긴다. 보더도 안먹힘 위처럼 웹킷속성을 텍스트필드로 바꿔줘야 한다.브라우저 문제인듯하다.모바일 사파리,크롬쪽은 문제 없다.*2012.05.03 박스사이징도 넣어줘야 된다는 글을 봤다. 안넣어도 나왔던거 같던데. 왜 넣는 것일까?박스 사이징은 padding-box빼고 나머지는 파폭인가에서만 지원한다는 얘기를 들은것도 같았는데
CSS Advisor - Background image flickers on hover http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=1&postId=1104
ie6 li사이에 br효과 생길때-> 공백없이 붙여쓰기 element Font font-family font-size font-style font-variant font-weight letter-spacing line-height text-decoration text-align text-indent text-transform white-space word-spacing color Background bg-attachment bg-color bg-image bg-position bg-repeat Box width height border-top border-right border-bottom border-left margin padding max-height min-height max-width min-width..

반응형