아

문제가 되는 테이블 layout...

· 2009-03-03 (화) 11:35:23 · 1049 · 4
Clipboard02.gif
우측의 수직선이 사라졌어요.

cheditor가 사용될 때 다른 layout css가 사용되면 엉키는거 같더라구요. ㅠ..ㅠ...
그거 해결되기 전에는 css 적용은 당분간 난망할꺼 같아요.

첨부파일

Clipboard02.gif (97.3 KB)
0회 2009-03-03 11:35
|

댓글 4개

아...
text다음에 img가 올때만 나오는 문제였군요.
한번 수정 때려 보겠습니다. ㅡ,.ㅡ
2009-03-03 (화) 11:56:22
http://www.sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=18698
제가 table에 대해서 이해를 한게 작년초에요.
그래서 테이블 레이아웃도 허술합니다. ㅠ..ㅠ...
밥먹고 와서 firebug로 살펴보았습니다.
저 현상이 발생하는 원인은 내용 테이블의 td에 가로 사이즈가 지정되어 있지 않아서 가로로 내용이 길어질 경우 td의 width가 무한정으로 늘어나기 때문에 발생합니다.
꼭 첨부 이미지 뿐만이 아니라 일반 text도 줄넘김 없이 길게 쓰면 위 스샷처럼 됩니다.
해결 방안으로는 내용이 출력되는 td 태그에 style="width:480px; word-break:break-all" 를 추가하시면 간단히 끝납니다.
width 속성이 지정되면 해당 범위를 넘어설 경우 자동 줄넘김을 해줍니다.
word-break:break-all 속성의 경우에는 텍스트에서 쭉 이어진 word단위에서도 줄넘김을 한다는 뜻입니다.(예를들어 GNUboard 같은것을 GNUbo<br/>ard 이런식으로 보여지게 합니다.)

http://sir.co.kr/bbs/board.php?bo_table=g4_pi_memo2&wr_id=1112&sca=&sfl=&stx=&sst=&sod=&spt=0
여기에 수정된 파일 올렸습니다.
word-break는 IE에서만 동작합니다.
따라서 타 브라우저에서는 다른 방법 강구해야 할듯 해요.
댓글을 작성하시려면 로그인이 필요합니다.

그누4 플러그인

3,524건

그누보드에는 여러가지 기능 추가가 쉽도록 제작 되었습니다. 플러그인의 저작권은 해당 플러그인 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다. 플러그인 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

+
제목 글쓴이 날짜 조회
09-03-11 조회 1,066
09-03-08 조회 1,062
09-03-08 조회 959
09-03-07 조회 1,276
09-03-06 조회 998
09-03-06 조회 2,867
09-03-06 조회 2,884
09-03-04 조회 1,213
09-03-03 조회 1,040
09-03-03 조회 985
09-03-03 조회 1,050
09-03-02 조회 871
09-03-02 조회 890
09-03-02 조회 1,043
09-03-02 조회 935