jQuery 定位问题 - 无法准确定位元素

Question

我一直在尝试使用 jQuery 将 #logo div 放置在居中的 #content div 的中心，但结果不一致。有时有效，有时无效。在 iPad 上的 Safari 中，它经常“失败”，结果是徽标被放置在菜单下方，这当然无法使用。这是中心代码：

function ReflowElements()
{
    var contentOffset = $("#content").offset();
    var contentWidth = $("#content").width();
    var menuWidth = $("#menu").width();

    var menuX = (contentOffset.left + contentWidth) - (menuWidth + 45);
    var menuY = contentOffset.top + 15;
    var menuPos = { left : menuX, top : menuY };

    var logoWidth = $("#logo").width();
    var logoX = (contentOffset.left + (contentWidth/2)) - (logoWidth/2);
    var logoY = menuY + 15;
    var logoPos = { left: logoX, top: logoY };

    $("#logo").offset(logoPos);
    $("#menu").offset(menuPos);
}

Site。 http://restaurant-passagen.dk/

任何线索表示赞赏。

Answer 1

兄弟，CSS：

#logo {
    display:block; 
    margin:auto;
}