HOME | EXPERIENCE | GUESTBOOK | ADMIN | ABOUT
All Articles
 
정말 익스플로러의 버그는 한두개가 아니다..
지금까지 알고 있는 사실을 다 열거하면 엄청날 것이다.
단지 치명적인 것들만 얘기하는것일뿐...

우선 IE에서 (7버전까지..8에선 당연개선되었을것이다.) letter-spacing:-1px을 주게되면, 즉 0이 아닌값을 주게되면
<br>태그가 두개로 사용되었을때 줄바꿈이 연속이 되지 않고 3개를 사용해야만 된다는것이다.
그러니까..짝수로 사용되었을때 홀수의 갯수는 무시되는 현상이다.

이경우 다른 브라우져로 보면 줄바꿈이 많이 이루어져 이상하게 보인다.
만약 다음의 경우...

 F   ? 
1
2
3
4
5
<div style='letter-spacing:-1px;'>
a<br><br>
b<br>
c
</div>

a와 b 사이의 줄바꿈이 두번 이루어져 있지만 실제 출력되는건 한칸이다. <br><br><br>을 세번해야만 그제서야
두번줄 바꿈이 이루어진다.
하지만 이를 해결할 수 있는 방법이 있다.
IE에서는 <BR> 단락까지 같이 letter-spacing:-1px 로 먹어버리기 때문에 나타나는 현상이다.
이때 br {letter-spacing:0px}을 style 코드에 디폴트로 박아두자.
EDIT | DELETE
2008     1
LINK • SUMMARY