Opera浏览器中与Galleria.js的图像对齐

时间:2010-12-01 20:50:11

标签: html browser alignment opera galleria

我相信有人可以帮助解决我的问题。用户使用流行的Opera浏览器访问我的网站(www.amigaos.net)时遇到问题;如果有人想在IE中测试那会很棒,但作为Mac用户我避免使用劣质浏览器。

我正在使用Galleria v 1.1.95并安装了Opera beta 11,但我理解布局问题(来自用户反馈),它也发生在以前的版本中。

因此,如果您使用Opera访问www.amigaos.net并点击顶部菜单中的游戏,galleria.js会加载图库并且您应该注意到主画廊图像在舞台中左对齐,这是不正确的行为。 Safari和FireFox都以图像为中心。

我不知道我应该在galleria.classic.css,html或.js本身中查找 - 我如何让Opera正确地将图像定位在舞台的中心?建议请。

提前致谢。

1 个答案:

答案 0 :(得分:1)

我看到的问题(图像根本没有出现)是由Galleria.js设置的高度:0引起的。它无法在Opera中读取舞台的高度(<div class="galleria-stage">) - 即使给予父级明确的高度,此元素的offsetHeight也会返回0。 (这在Opera中是一个已知的错误,如果父级被赋予显式高度,那么具有顶部和底部的定位子集仍会报告offsetHeight 0。)

我想脚本可以检测到这一点。我不完全确定为什么他们需要读取这个DIV的高度,因为他们知道它的父亲的高度 - 但我想这样做是为了让主题和造型更灵活。

我对你没有一个好的解决方法 - 也许指定.galleria-stage {min-height:100%}或者从JS明确设置它的高度呢?但是我会跟进这个bug,所以它应该在某个时候得到修复。