2013-02-05 1 views
0

간단한 오디오 플레이어에 MediaElement.js WordPress 플러그인을 사용하고 있습니다. Chrome에서는 오른쪽 아래에서 들여 쓰기 된 볼륨 컨트롤이 플레이어 아래에 표시됩니다. 볼륨 컨트롤은 Safari와 Firefox에서 올바르게 배치됩니다 (IE에서 테스트 할 수있는 기회가 없었습니다). 여기 Chrome에서 MediaElement.js 오디오 플레이어 볼륨 컨트롤이 맞지 않습니다.

문제가 발생하는 페이지 중 하나에 대한 링크입니다 : http://www.coffeecrossroads.com/coffee-and-the-arts/music/bob-dylan-one-more-cup-of-coffee/

내 희망이 쉽게 CSS로 고정 될 수 있다는 것입니다,하지만 난 아직 방법을 알아 내지 못했다. 어떤 아이디어? 감사.

+0

올바르게 표시되고 있습니다. Windows 7 64 비트 버전의 Chrome 버전 24.0.1312.57m. – Michael

+0

브라이언 : http://i.imgur.com/OWzJzri.png –

+0

감사합니다. Michael과 Joseph. Mac 용 Chrome에서만 문제가 된 것 같습니다. [Chrome Mac Screenshot] (http://www.coffeecrossroads.com/audio-player-misaligned.png) 이상하게도 사이트를 개발하는 데 사용한 브라우저이기 때문에 2 시간 전까지는 완벽하게 보였습니다. 내가 깰 수 있었던 갈등도 없었습니다. – Brian

답변

1

Mac에서 mediaelement 및 Chrome과 동일한 문제가있었습니다. 문제를 찾기 위해 조심스럽게 모든 CSS를 검토 한 결과, 텍스트 크기가 줄어들 었음을 발견하고 이것이 깨지기 시작했습니다. CMD-0으로 텍스트 크기를 기본값으로 조정하면 모든 것을 다시 정렬로 옮겼습니다.

+0

이것이 나를 위해 문제의 원인이라고 생각하지 않습니다. 텍스트 크기를 몇 번 조정했는데 문제가되지 않았습니다. 그러나 처음에는 이런 일이 발생했기 때문에 잠시 후 "스스로 해결"했기 때문에 나는 "was"라고 말합니다. 이제는 좋았지 만, 왜 아직도 일어나고 있는지 알고 싶습니다. – Brian