본문 바로가기

DHTML/CSS/META

IE6 버그잡기

IE6 버그 

1px의 높이의 선을 div로 만들어 사용하려는 전혀 되지 않는 것이 문제,
width:1px은 잘 작동된다. 

MSIE6의 CSS에서 height 속성은 마치 min-height 처럼 작동하는 것
line-height를 1px로 잡는 등 여러방법을 동원했지만 답이 안나온다..

overflow:hidden; 추가한다.



오버플로 히든 값의 속성을 이해하기위해
포스팅하신 블로그 퍼옴



제가 UI 개발시 자주 사용하는 속성값중에서 overflow:hidden 이 있습니다.
float 속성을 사용한 컨텐츠들을 바로 잡기 위하여 이 방식을 사용하고 있습니다.
float 속성은 웹문서의 원하는 위치 어디에든 띄울수 있기때문에, 이를 물고기로 표현합니다.
하지만 이 물고기가 어항밖으로 나가면 안되고 이를 바로 잡기위해 overflow:hidden 속성값을 사용합니다.
즉 overflow:hidden 속성값을 어항이라고 생각하시면 될거 같습니다.
어항이 너무 크면 공간이 협소하기때문에 어항의 크기를 지정해주는 것이 좋습니다.
다시 말해 overflow:hidden 속성값을 사용한 곳에는 width 값을 넣는 것이 좋습니다.
만약 값이 없을 경우 익스플로러6에서는 웹문서가 흐틀어질수 있습니다.