IE7에서 미친듯한 P태그 내의 텍스트 반복 버그 문제
이 문제를 정의하기는 참 애매한데...벌써 두번 째 보는 증상이라...우연이라 보기에도 석연치 않지만, 어쨓거나 발생하는 증상이니, 사람 미칠 노릇이다.
IE9이상 브라우저에서 호환성 모드이거나 혹은 IE7 버전에서 종종 발생 되는 현상으로, P태그 내의 텍스트가 조금씩 잘리면서 반복되는 경우가 종종 있다.
이 것을 딱히 뭐라 정의하기 힘들고, 원인도 모르겠다.
하지만 대체로 공통적인 fact는 태그 초기화를 하지 않은 사이트들에서 종종 발생한다.
공통적인 특이점이 발견되었다면, 특이하지 않게 해주면 되지 않을까 해서,
P { overflow: hidden}
을 CSS에 삽입해 보았다.
결론은 잘 나온다는 것이다.
굳이 overflow:hidden이 아니었어도, 결과는 같지 않았을 까 싶지만,
해당 사이트가 방화벽을 열어줘야만 접근 가능한 공공기관 사이트인지라, 이것 저것 테스트는 해볼 수 없었기에, 가장 가능성이 높은 overflow:hidden으로 P가 장악할 영역을 고정 시켜줌으로써, 해당 문제는 해결되었음.
반응형
'it backup' 카테고리의 다른 글
[CSS 크로스브라우징] 크롬과 사파리 테이블에서 col width %값 인식 버그 position:absolute 오류 (0) | 2015.07.27 |
---|---|
브라우저가 자꾸 쿼크모드(Quirks Mode:관용모드)로 인식 될때 <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> (0) | 2015.07.21 |
[웹표준/웹접근성] table css caption, legend, label, .hidden 안보이게 처리. (0) | 2015.07.07 |
[웹 접근성] 메인 페이지와 동시에 열리는 팝업창의 접근성 문제 (0) | 2015.06.03 |
[HTML5] 트렌디한 웹디자인 바람 Parallax Scrolling (0) | 2015.04.29 |