오랫만에 firefox 와 Internet explore 로 제 홈페이지를 보고 깜짝 놀랐습니다.

우선 tag cloud 부분이 safari 에서는 정상적으로 줄바꿈이 이루어지고 있길래 안심했는데, firefox 에서는 줄바꿈이 전혀 이루어지지 않는 문제가 있었습니다. 요 몇 일 태그 정리한게 다 의미 없는 일들이 될 뻔 했군요. 생각해보니 #subcontent li 에 white-space: nowrap; 을 줘야 하는게 아니라 #subcontent ul 에 white-space: normal 을 줘서 #subcontent 에서 상속받은 값을 cancle 시켜줬어야 하는데, 사파리에선 (왠지 모르겠지만) li 에 white-space: normal; 을 줬음에도 줄바꿈이 잘 일어나서 문제가 있다는 사실도 모르고 있었습니다.

또한 pre 에 overflow:auto; 가 걸려있어서 오늘 쓴 포스트 들에 별 부담없이 pre 를 사용해놨는데, I.E 에서는 자동으로 스크롤바가 생기지 않고, 내용이 옆으로 길~어져 버리는 문제가 발생하고 있었습니다. I.E 에서는 overflow: auto; 만으로는 부족하고 width 를 명시해줘야 한다는 사실을 알게 되었습니다.

하여튼 요새 사실 데스크탑을 거의 키질 않다 보니, firefox 와 I.E 에서 제대로 보이지 않는 부분이 있는 걸 몰랐습니다. 부끄럽네요. ㅠ_ㅠ

Tags: bug, css, firefox, internet explore, mytrz, overflow, pre, white-space