1 섭이이 작성한 주제

  • 섭이
  • 정원사
  • 오프라인
  • 지역 대한민국
  • 가입일자 2006-04-19
  • 글: 98

주제: "최근에 달린 댓글"에 긴URL이 있으면 레이아웃 깨짐

제목 그대로..."최근에 달린 댓글"에 긴 URL이 들어갈경우 레이아웃 깨집니다..

* IE에서는 깨지고, Firefox에서는 깨지지 않습니다.
* 기본 XHTML 스킨에서는 깨지고 기본HTML스킨에서는 깨지지 않습니다.

아마도 제 블로그를 참고하시면 되겠습니다...^^

사용 버전은 (r1181) 입니다..

섭이의 웹사이트

2 LonnieNa이 작성한 답글

  • 지역 대한민국 > 대전 > 서구
  • 가입일자 2006-04-04
  • 글: 3,686

답글: "최근에 달린 댓글"에 긴URL이 있으면 레이아웃 깨짐

요건..
태터툴즈의 버그라기보단 스킨에서 문제가..
저것처럼 영문의 긴 띄어쓰기가 없는 경우 쭈욱 폭이 늘어나게 되는데
그 때 감싸고 있는 table이나 div가 이 텍스트때문에 폭이 늘어나게 되죠.
그래서 폭이 늘어나니 xhtml스킨의 div에서는 밑으로 내려가는것이고
table로 된 html스킨에선 문제가 없는거죠.

이를 해결하기 위해선 sidebar 부분의 class에..
word-break:break-all;
나
스킨파일에 style="word-break:break-all;" 이런식으로 삽입해주면 될겁니다.

텍스트큐브를 이용하시다 불편하신 점 있으시면 아래로 연락주세요.
Needlworks/TNF - LonnieNa
nateon : y12x2 (a.t) nate.com / mail : lonniena (a.t) needlworks.org
http://twitter.com/@textcube

LonnieNa의 웹사이트

3 나니이 작성한 답글

  • 지역 bongcheon, gwanak, seoul
  • 가입일자 2006-04-28
  • 글: 2,065

답글: "최근에 달린 댓글"에 긴URL이 있으면 레이아웃 깨짐

LonnieNa 작성:

요건..
태터툴즈의 버그라기보단 스킨에서 문제가..
저것처럼 영문의 긴 띄어쓰기가 없는 경우 쭈욱 폭이 늘어나게 되는데
그 때 감싸고 있는 table이나 div가 이 텍스트때문에 폭이 늘어나게 되죠.
그래서 폭이 늘어나니 xhtml스킨의 div에서는 밑으로 내려가는것이고
table로 된 html스킨에선 문제가 없는거죠.

이를 해결하기 위해선 sidebar 부분의 class에..
word-break:break-all;
나
스킨파일에 style="word-break:break-all;" 이런식으로 삽입해주면 될겁니다.

제가 알기론 word-break이 IE전용으로 알고 있습니다.
레이아웃 깨짐을 유발시키는 링크나 span에 white-space: nowrap; 넣어주고
div에 overflow: hidden; 넣어주세요. 그럼 됩니다 wink

하늘은 스스로 삽질하는 자를 삽으로 팬다

나니의 웹사이트