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

Clipboard02.gif
우측의 수직선이 사라졌어요.

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

첨부파일

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

댓글 4개

아...
text다음에 img가 올때만 나오는 문제였군요.
한번 수정 때려 보겠습니다. ㅡ,.ㅡ
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 플러그인

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

+
제목 글쓴이 날짜 조회
16년 전 조회 1,226
16년 전 조회 946
16년 전 조회 2,810
16년 전 조회 2,829
16년 전 조회 1,164
16년 전 조회 989
16년 전 조회 938
16년 전 조회 992
16년 전 조회 839
16년 전 조회 856
16년 전 조회 991
16년 전 조회 883
16년 전 조회 1,013
16년 전 조회 954
16년 전 조회 1,145
🐛 버그신고