이미지 Opera 브라우저의 Galleria.js와의 정렬

Question

다른 사람이 내 문제를 해결할 수 있다고 믿습니다. 인기있는 오페라 브라우저를 사용하여 내 사이트 (www.amigaos.net)를 방문하는 사용자에게 문제가 있습니다. 누군가 인터넷 익스플로러에서도 테스트하고 싶다면 위대 할 것이지만 맥 사용자라면 열등한 브라우저를 피할 것입니다.

Galleria v 1.1.95를 사용 중이며 Opera 베타 11이 설치되어 있지만 이전 버전에서도 레이아웃 문제 (사용자 피드백으로부터)를 이해합니다.

Opera를 사용하여 www.amigaos.net을 방문하고 상단 메뉴에서 게임을 클릭하면 galleria.js가 갤러리를로드하고 곧바로 메인 갤러리 이미지가 스테이지에서 왼쪽으로 정렬됨을 알게됩니다 . 사파리와 파이어 폭스는 모두 이미지의 중심에 있습니다.

galleria.classic.css, html 또는 .js 자체를 어디에서 조사해야하는지 모르겠습니다. 오페라가 스테이지 중앙에 정확하게 위치하도록하려면 어떻게해야합니까? 제발 조언 해줘.

미리 감사드립니다.

Answer 1

Galleria.js의 높이를 0으로 설정하면 이미지가 전혀 표시되지 않는 문제가 발생합니다. 오페라에서 스테이지의 높이 (<div class="galleria-stage">)를 읽지 못함 -이 요소의 offsetHeight는 부모에게 명시적인 높이를 부여한 후에도 0을 반환합니다. (이것은 부모가 명시적인 높이를 주면 상위와 하위 세트가있는 자식이 offsetHeight 0을보고하는 오페라의 알려진 버그로 밝혀졌습니다.)

스크립트가이를 감지 할 수 있습니다. 나는 그들이 부모의 높이를 알고 있기 때문에 왜이 DIV의 높이를 읽어야하는지 완전히 모르겠다. 그러나 나는 이것이 테마 화되고 스타일을 더 유연하게 만드는 방법이라고 생각한다.

.galleria-stage {min-height : 100 %}를 지정하거나 JS에서 명시 적으로 높이를 설정하면 좋은 해결 방법이 없습니다. 그러나 나는 어떤 점에서 고정해야하는 버그를 따라갈 것이다.