가로 스크롤바가 생겨서 글을 보기 불편합니다

세벌의 이미지

kldp 마스코트 관련 글을 읽다가 왼쪽 오른쪽으로 스크롤하며 글을 보려니 무척 힘드네요.
style sheet를 조정하면 가로 스크롤바가 안 생기게 할 수 있을 것 같은데...

권순선의 이미지

글타래 중간에 큰 사이즈의 그림 파일(월페이퍼)이 포함되어 있기 때문입니다. 스타일 시트를 조정하는 방법이란 것이 어떤 것인가요? 큰 그림이 링크되는 경우에도 원하는 대로 동작하나요?

netisinfinite의 이미지

이 문제 아직 존재하네요...
불여우, ie7에서는 kldp의 css에 다음과 같이 넣으면 해결됩니다.

#main .content IMG, #main * .comment .content IMG{
	max-width:100%;
}

이렇게 하면 그림이 너무 클 경우 자동으로 폭에 맞게 줄여 줍니다.(test4.jpg)

ie6 이하 버전에서는 이미지를 div로 감싸거나 자바스크립트를 쓰거나
현재 html 구조를 조금 바꾸고 overflow:auto; 를 넣어 해결해야 할 것 같습니다.
그냥 넣으면 불여우에서 조금 안 예쁘게 나옵니다.(test2.jpg)

첨부 파일에 결과를 찍어 넣어봤습니다.

덧. 댓글 수정하면 첨부파일이 사라져 버리는군요 -_-