유저포럼

유저포럼 PXE 스킨에 대한 유저들의 자유 포럼입니다. 관리자는 이 포럼에 대해 관여하지 않을수도 있습니다

541
가네샤님이 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분 이후에 구매하신 분들께는 해당하지 않습니다

1
profile

가네샤

April 02, 2009
*.220.124.232

.boardList td .thumbWrap span img { display:block; position:absolute; top:-3px; right:-4px; border:none; }
문서 첨부 제한 : 0Byte/ 5368709120.00MB
파일 제한 크기 : 2.00MB (허용 확장자 : *.*)
List of Articles
공통 개편 후 개선 리스트 [2] PremiumXE 2010-01-26
» 위젯 및 애드온 인터넷익스플로러 6를 위한 PXE Board Pro의 CSS 코드 수정 [1] WTA 2009-04-02
110 위젯 및 애드온 가네샤님 잘 나오는 것 같은데요 imagefile WTA 2009-04-02
109 PXE Board Pro PXE Board Pro에서 태그 출력부 정리 PremiumXE 2009-03-31
108 PXE Snow Plate New PXE 회색 2단으로 하면.. imagefile [2] 연애사진 2009-03-31
107 PXE Broadband Browser 광대역 브라우져, 어디에다 HTML 코드를 써야 하나요? image [2] 연애사진 2009-03-28
106 공통 XE 1.2.0 업그레이드 성공 imagefile [1] 하이브 2009-03-15
105 공통 powered by wta 지워도 되나요? [1] 정재현 2009-03-06
104 PXE Snow Plate PXE Snow Plate 질문 [1] 송규정 2009-03-04
103 공통 정현화님 CSS와 XHTML 오류표시는 뭔가요? [1] miso777 2009-03-01
102 무료 배포판 스킨 저도 METALIC Glossary 스킨... 에러 입니다. [6] 승리아부지 2009-02-25
  • 이용약관
  • 개인정보취급방침
  • 개발자/디자이너 등록
  • 매뉴얼
  • 문의사항
©2008-2010 Premiumxe, LLC. All Rights Reserved. For a better tomorrow.