J.Parker님이 개발하여 배포한 Flickr & YouTube 미디어 검색 플러그인 이 Firefox 3.5에서 레이아웃이 깨져서 아래와 같이 작동불능 상태가 되어 버린다.
Safari 4.0이나 IE 8 같은 브라우저에서는 스크롤바가 없어도 본문 중 일부를 선택하고 밑으로 주~욱 내리면 감추어진 '확인', '취소' 버튼과 같은 폼 요소들이 보이는데 Firefox 3.5는 그것도 불가능한 상태.
그래서 소스를 들여다 보니 사진 정보를 표시하는 오른쪽 패널 부분의 스타일 중 'display' 속성에 변화를 주면 나름대로 깔끔하게 표시가 될 것 같아 시도, 아래와 같이 성공했다.
수정한 파일은 텍스트큐브 Flickr & YouTube 미디어 검색 플러그인 폴더(JP_FlickrYoutubeMediaSearch)의 style 폴더 안의 default.css 파일1. 수정한 부분은,
한 가지 추가적인 문제는 왼쪽의 preview 패널 부분에 표시되는 이미지(동영상) 수가 플러그인 자체에 기본적으로 16으로 고정되어 있기 때문에 이미지 수가 많을 경우 썸네일들이 밀려나서 페이지 번호가 감춰지게 된다는 것 — 첫 번째 그림에서 폼 요소들이 가려지는 것처럼 — 이다. 이 문제는 Flickr & YouTube 미디어 검색 플러그인 폴더 안에 있는 index.php 파일의 93번째 줄
에서 16을 보다 작은 적당한 숫자(예를 들면 9)로 바꿔 주면 된다.2
(0) 
(0)
Safari 4.0이나 IE 8 같은 브라우저에서는 스크롤바가 없어도 본문 중 일부를 선택하고 밑으로 주~욱 내리면 감추어진 '확인', '취소' 버튼과 같은 폼 요소들이 보이는데 Firefox 3.5는 그것도 불가능한 상태.
그래서 소스를 들여다 보니 사진 정보를 표시하는 오른쪽 패널 부분의 스타일 중 'display' 속성에 변화를 주면 나름대로 깔끔하게 표시가 될 것 같아 시도, 아래와 같이 성공했다.
.mediaInfo dl 요소 부분에 display: table-row-group; 추가
.mediaInfo dl dt 요소 부분에 display: table-cell; 추가
.mediaInfo dl dd 요소 부분에 display: table-cell; 추가
.mediaInfo dl dt 요소 부분에 display: table-cell; 추가
.mediaInfo dl dd 요소 부분에 display: table-cell; 추가
한 가지 추가적인 문제는 왼쪽의 preview 패널 부분에 표시되는 이미지(동영상) 수가 플러그인 자체에 기본적으로 16으로 고정되어 있기 때문에 이미지 수가 많을 경우 썸네일들이 밀려나서 페이지 번호가 감춰지게 된다는 것 — 첫 번째 그림에서 폼 요소들이 가려지는 것처럼 — 이다. 이 문제는 Flickr & YouTube 미디어 검색 플러그인 폴더 안에 있는 index.php 파일의 93번째 줄
에서 16을 보다 작은 적당한 숫자(예를 들면 9)로 바꿔 주면 된다.2
- default.css를 수정하고 저장하여 올린 후 브라우저의 캐시를 비우고 다시 시작해야 제대로 반영되어 보인다. 참고로, IE는 소개한 방법이 소용 없다. 망할...
- plugin-main.css에서 .mediaSearchFormFrame의 height를 올리고 style/default.css에서 #previewContent의 height를 역시 적당하게 올리는 방법도 있지만 화면 높이가 높지 않은 노트북 컴퓨터에서 폼 요소들이 화면 아래로 내려갈 수 있기 때문에 이 방법보다는 본문의 방법이 낫다고 생각된다.
"物 / Web & Design " 분류의 다른 글
| Mac에서 Journler를 이용한 블로깅 (2) | 2007/08/04 |
| Windows Live Writer 2탄 (0) | 2009/01/13 |
| Windows Live Writer, 좋군. (0) | 2008/06/06 |
| Firefox 3 'Download Day' 배너를 달았습니다 (0) | 2008/05/29 |
| CSS에 serif와 sans-serif를 붙여 주세요 (0) | 2006/08/06 |
(0) (0)
Trackback
Trackback Address :: http://lovejes.us/ttools/trackback/100
