我的元素顯示在不同窗口大小的不同位置。如何解決這個問題？

Question

看看我的網站：http://homegym.sg/index.php/weight-tree-rack.html

如果鼠標懸停產品圖片下的「多視圖」的話，額外的圖片框會出現。通常情況下，它正常出現在中心。但是，當我使窗口尺寸變小時，框的位置將會改變。

我正在使用slideviewerpro腳本，我相信它是定位框但我不能解決問題。這裏是腳本的來源：http://homegym.sg/skin/frontend/default/electronics01-black/js/jquery.slideViewerPro.1.0.js

我相信額外的圖像框是在div＃thumbSlider，做了一些嘗試和錯誤修改的JS文件，但未能解決問題。

Answer 1

好的。首先，product-img-box中的width:660px;需要添加position:relative;。然後，你需要更改以下規則

.product-view .product-img-box #ui0 { 
    position: absolute; 
    top: 600px; 
    left: 580px; 
    height: 60px; 
} 

到

.product-view .product-img-box #ui0 { 
    position: absolute; 
    height: 60px; 
    left: 50%; 
    margin-left: -200px; 
    margin-top: 15px; 
} 

widgets.css：589

然後就是從那裏調整。 :)