문제가 되는 테이블 layout... 정보
문제가 되는 테이블 layout...본문
cheditor가 사용될 때 다른 layout css가 사용되면 엉키는거 같더라구요. ㅠ..ㅠ...
그거 해결되기 전에는 css 적용은 당분간 난망할꺼 같아요.
추천
0
0
댓글 전체
아...
text다음에 img가 올때만 나오는 문제였군요.
한번 수정 때려 보겠습니다. ㅡ,.ㅡ
text다음에 img가 올때만 나오는 문제였군요.
한번 수정 때려 보겠습니다. ㅡ,.ㅡ
http://www.sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=18698
제가 table에 대해서 이해를 한게 작년초에요.
그래서 테이블 레이아웃도 허술합니다. ㅠ..ㅠ...
제가 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
여기에 수정된 파일 올렸습니다.
저 현상이 발생하는 원인은 내용 테이블의 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에서만 동작합니다.
따라서 타 브라우저에서는 다른 방법 강구해야 할듯 해요.
따라서 타 브라우저에서는 다른 방법 강구해야 할듯 해요.