본문 바로가기
프론트앤드 개발

IE6에 자주발생하는 css버그

by 긴자손 2011. 1. 27.
728x90
반응형

üIE6margin bug (right,bottom : 3px)

üIE6double margin (display:inline, float 사용)

ü자식 nodefloat에 다른 부모의 영역 무시 (FF 등등)

ülist형의 글자간 높이는 브라우저별로 기본 높이 다름 (line-height를 이용)

üposition : relative/absolute 사용

ü인코딩 type에 따른 select 박스의 한글 top 1px 버그

üIE의 글자 복사 버그 (이 버그는 float된 요소 사이에 ‘화면에 표시하지 않는’ { display:none; }

  콘텐츠 또는 <!-- 주석 --> 또는 <input type="hidden" /> 요소 등을 포함하고 있을 때 발생)

üIEimg tagmargin-bottom 2px 버그

üIE6border 중첩 버그(position:relative 사용하여 해결가능하나, 상황이 여의치 않는 경우 핵으로 높이 조절하여 사용)

ü단순한 시각효과를 위한 억지성? 불필요한 css 자제(radio, checkbox, select )


728x90
반응형