가네샤님이 IE6에서 디자인 버그를 발견해 주셔서 Fix 하였습니다. IE6의 80%를 차지하는 버그가 바로 플롯팅 드롭(Floating Drop)이라고 하는 일종의 강제 단락 변경 버그입니다. 이러한 플롯팅 드롭 버그를 아래와 같이 수정하였습니다.
- 일부 레이아웃에서 플롯팅 드롭 현상 제거 (게시판이 본문단을 넘어 하단으로 넘어가는 현상)
- 게시판 제목에서 iconWrite.gif가 출력되지 않는 현상 제거
- 웹진 보기에서 라벨의 크기가 확대되었던 문제 제거
- 글 읽기 화면에서 제목부의 플롯팅 드롭 현상 제거 (제목과 제목 아래 URI 부분)
- 글 읽기 화면에서 첨부 이미지의 크기가 너무 큰 경우에 발생하는 플롯팅 드롭 현상 제거
이 플롯팅 드롭 현상들은 아주 간단히 고칠 수 있습니다. common.css 파일과 PXEwhite.css 파일에서 아래의 코드를 찾아 수정해 주시면 됩니다.
아래의 코드를 찾습니다. CSS 파일의 가장 위에 있습니다
리스트 형식 보기에서 플로팅 드롭을 제거해 줍니다
.boardHeader { overflow:hidden; }
아래의 코드로 변경합니다. 빨간색 부분이 추가되었습니다
.boardHeader { overflow:hidden; width:100%; }
아래의 코드를 찾습니다. CSS 파일의 가장 위쪽에 있습니다
리스트 형식 보기에서 플로팅 드롭을 제거해 줍니다
.boardHeader h3 { float:left; margin:0; color:#888888; border-bottom:1px solid #ebebeb; width:100%; padding:0 0 5px 13px; font:12px 굴림; background:url(../../../common/tpl/images/iconWrite.gif) no-repeat left 2px }
아래의 코드로 변경합니다. 빨간색 부분이 변경되었습니다
.boardHeader h3 { float:left; margin:0; color:#888888; border-bottom:1px solid #ebebeb; width:100%; padding:0 0 5px 13px; font:12px 굴림; background:url(../../../../common/tpl/images/iconWrite.gif) no-repeat left 2px }
아래의 코드를 찾습니다
갤러리 형식 보기에서 플로팅 드롭을 제거해 줍니다
.thumbnailBox { margin-top:1em; clear:both; overflow:hidden; border-bottom:1px solid #e0e1db; }
아래의 코드로 변경합니다. 빨간색 부분이 추가되었습니다
.thumbnailBox { margin-top:1em; clear:both; overflow:hidden; border-bottom:1px solid #e0e1db; width:100%; }
아래의 코드를 찾습니다
웹진 형식에서 라벨을 정상적인 크기로 출력해줍니다
.boardList td .thumbWrap span img { display:block; position:absolute; top:-3px; right:-4px; border:none; }
아래의 코드로 변경합니다.
.boardList td .thumbWrap span img { display:block; position:absolute; top:0px; right:0px; _right:6px; border:none; margin:0; padding:0; }
아래의 코드를 찾습니다
글 읽기 화면에서 첨부 된 이미지가 너무 커서 발생하는 플롯팅 드롭을 제거합니다
.boardRead .readBody .contentBody a { color:#6271a6; }
아래의 코드에서 빨간색 부분을 추가해 줍니다
.boardRead .readBody .contentBody { width:99%; }
.boardRead .readBody .contentBody a { color:#6271a6; }
아래의 코드를 찾습니다
글 읽기 화면에서 제목부 플롯팅 드롭을 제거합니다
.boardRead .titleAndUser { overflow:hidden; }
.boardRead .titleAndUser .title { float:left; margin:7px 0 3px 0; }
.boardRead .titleAndUser h4 { margin:0; font:1.3em Verdana; letter-spacing:-0.09em; margin-left:3px; font-weight:bold; color:#678d01; }
.boardRead .titleAndUser h4 a { color:#678d01; text-decoration:none; }
.boardRead .titleAndUser h4 a:hover { text-decoration:underline; }
.boardRead .titleAndUser .userInfo { float:right; white-space:nowrap; margin-top:7px; }
.boardRead .titleAndUser .userInfo .author { color:#678d01; }
.boardRead .titleAndUser .userInfo .author a { color:#678d01; text-decoration:none; }
.boardRead .titleAndUser .userInfo .postby { color:#888888; font:11px Arial; }
.boardRead .dateAndCount { white-space:nowrap; color:#444444; font-size:.9em; font-family:tahoma; line-height:17px; padding-bottom:10px; }
.boardRead .dateAndCount .uri { float:left; }
.boardRead .dateAndCount .uri a { text-decoration:none; margin-left:4px; color:#888888; }
위 코드를 한번에 긁어서 아래의 코드로 변경합니다
.boardRead .titleAndUser { _float:left; overflow:hidden; }
.boardRead .titleAndUser .title { float:left; margin:7px 0 3px 0; }
.boardRead .titleAndUser h4 { margin:0; font:1.3em Verdana; letter-spacing:-0.09em; margin-left:3px; font-weight:bold; color:#8493aa; }
.boardRead .titleAndUser h4 a { color:#8493aa; text-decoration:none; }
.boardRead .titleAndUser h4 a:hover { text-decoration:underline; }
.boardRead .titleAndUser .userInfo { float:right; white-space:nowrap; margin-top:7px; }
.boardRead .titleAndUser .userInfo .author { color:#8493aa; }
.boardRead .titleAndUser .userInfo .author a { color:#8493aa; text-decoration:none; }
.boardRead .titleAndUser .userInfo .postby { color:#888888; font:11px Arial; }
.boardRead .dateAndCount { _float:left; white-space:nowrap; color:#444444; font-size:.9em; font-family:tahoma; margin-top:5px; padding-bottom:10px; overflow:hidden; }
.boardRead .dateAndCount .uri { float:left; margin-top:-2px; }
.boardRead .dateAndCount .uri a { text-decoration:none; margin-left:4px; color:#888888; }
p.s : 이 문제는 2009년 4월 1일 오후 9시 19분 이후에 구매하신 분들께는 해당하지 않습니다