게시판에서 글자가 밀려서 나오는데요..
휘들램
공지사항~~이렇게쓰면안밀리는데 ggggggggggg하니깐밀리네요..정말 gg~
제가 css를 잘못한거겠지만...ㅡ.ㅜ
이런소스인줄도모르고 모르고 여태 붙여넣기로 잘써오다가--;
공지사항을 다른사이트꺼를 긁어오니깐 바로 문제가 생기더라구요...
div class=boardView
div class=viewInfo
table summary=자료실 상세보기
caption자료실상세보기/caption
colgroup
col width=90/
col width=260/
col width=90/
col width=/
/colgroup
tbody
tr
th제목/th
td colspan=3제목제목제목제목목목목목목목목/td
/tr
tr
th등록일/th
td class=subject2007-07-17/td
th class=date조회수/th
td100/td
/tr
tr
th첨부파일/th
td colspan=3 class=file제목제목제목제목목목목목목목목/td
/tr
/tbody
/table
/div
div class=viewContent
div class=article
gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg
/div!-- end article --
/div!-- end viewContent --
div class=prevNextArea
table summary=
caption/caption
tbody
tr
thimg src=images/th_prev.gif alt=이전글 //th
td이전글이전글이전글이전글이전글/td
/tr
tr
thimg src=images/th_next.gif alt=다음글 //th
td다음글다음글다음글다음글다음글/td
/tr
/tbody
/table
/div
/div!-- end boardView --
div class=boardFoot
div class=btnRight
a href=#img src=images/btn_list.gif alt=전체목록//a
/div
/div!-- end boardFoot --
/* boardView */
div.boardView {
width: 710px;
margin-top:15px;
}
div.boardView div.viewInfo table{
width: 100%;
border-top: 2px solid #0760bf;
background: #f5f5f5;
}
div.boardView div.viewInfo table tbody th {
text-align:left;
background: url(../data/images/bg_border_th2.gif) no-repeat right ;
border-bottom: 1px solid #dcdfe2;
height:30px;
padding-left:15px;
}
div.boardView div.viewInfo table tbody td{
text-align:left;
border-bottom: 1px solid #dcdfe2;
padding-left:5px;
}
div.boardView div.viewInfo table tbody td.subject {
background: url(../data/images/bg_border_th2.gif) no-repeat right ;
}
div.boardView div.viewInfo table tbody td.file {
font-size:0.9em;
color:#0760bf;
}
div.boardView div.viewInfo table tbody th.date,
div.boardView div.viewInfo tabletbody th.hit {
text-align:center;
padding:0;
}
div.boardView div.viewContent {
padding: 0 20px;
width:670px;
border: 1px solid #f18;
}
div.boardView div.viewContent {
padding: 0 20px;
}
div.boardView div.article {
padding: 20px 0;
}
div.prevNextArea {
background: none;
border-top: none;
}
div.prevNextArea table {
width : 710px;
border-bottom: 2px solid #0760bf;
}
div.prevNextArea table tbody th {
width :70px;
border-bottom: 1px solid #dcdfe2;
background: #fff;
}
div.prevNextArevNextArea table tbody td {
border-bottom: 1px solid #dcdfe2;
padding-left:10px;
font-size:0.9em;
}무엇이 문제가 되는걸까요??흑흑..
강제로 width를줘봐도 안되고...보더를 먹여보면 영역은제대로 들어갔는데...도대체 왜 밀리는거죠??ㅠ.ㅠ
-
지지않는
아,,그렇군요.ㅋㅋ기획자기 미우셨겠당..ㅜ.ㅜ 오버플로우함 줘봐야겠어용- 답변 감사해요~^^;
-
잔디
파폭에서 해결 방법은 오버플로우 오토로 주시고; width 길이값 지정해주시면 파폭에서만 연속문자 스크롤 생기게 해서 해결 가능합니다.
익스는 저 위에 samso9님이 말씀하신대로 word-break로 해결 하구요;
저도 지난번에 기획자가 자꾸 aaaaaaaaaaaaaaaa...이런식으로만 내내 테스트해서 고쳐달라고 하길래 찾아보다가 결국 파폭해결방법 저렇게 해결했습니다..^^;; -
엘핀
흠 그렇군요...국문사이트라서 영문은 저렇게 쓸일이없어서 몰랐어요...개발자분이 저부분을 프레임으로감쌌더니 6에선 죄다 깨지더라구요..전 그것도모르고 css에 문제가있는줄알고 몇시간동안 찾아헤맸네요...ㅜ.ㅜ 어쨌든 저럴경우에 IE에서라도 word-break로 처리가 가능하단걸 이번기회에 알게되서 넘 기뻐요.ㅎㅎ
-
예님
버그가 아니고 영문자와 숫자일때만 발생합니다.
영문가 같은경우 단어가 중간에잘려서 떨어지면 단어 전달이 잘안되기때문에 한묶음 단어씩 떨어지게 되어있습니다. (1바이트 단어들이 다 그렇다고 생각하시면됩니다.)
IE같은경우 word-break로 처리가 가능하지만 타 브라우저는 기능이 없습니다.
safari는 있던데 이상한 버그가 있었던거같은기억이..;;
나중에 word-break도 표준으로 제정한다고하니 좀기다려봐야할듯하네요 -
한울
헛 버그였군요..그런줄도 모르고 css를 이렇게바꿔보고 저렇게바꿔보고 삽질하고있었네요.ㅋㅋ너무 감사드려요.ㅠ.ㅠ
-
빛초롱
이거 연속문자 버그인데요. word-wrap:break-word; word-break:break-all; 요걸루 해결해보세요.