Jquery 带位置的定心台：弹出窗口中的绝对值

在我的网站上，用户可以打开一个弹出窗口（600像素宽，名为iOpen）。在这个弹出窗口中，我试图添加一个新功能，单击按钮后，该功能将显示在表格（id=“Table1”）中。表1具有以下CSS：

#表1{
位置：绝对位置；
顶部：60px；
z指数：15000；
显示：无；
背景色：#fff；
边界宽度：薄；
边框样式：实心；
边框颜色：#000；
宽度：100px；
高度：100px；
}

通常，我会将一个位置居中：绝对/高z指数div或表（如表1），如图所示（使用表1的宽度）

然而，当我这样做时，弹出窗口上会出现Table1，就好像可用宽度是显示器屏幕的宽度一样……这并不奇怪。我知道如何纠正这一点……只需使用iOpen的宽度并将函数重写为：

function ShowTable() {
    $("#Table1").fadeIn(500);
    $("#Table1").css({marginLeft: ((600 - 100) / 2) + 'px'});
}

这完全符合预期。然而，我想知道如何更普遍地做到这一点。当我尝试以下代码时：

function ShowTable() {
    $("#Table1").fadeIn(500);
    $("#Table1").css({marginLeft: ((IMOpen.availWidth - 100) / 2) + 'px'});
}

桌子向左浮动。当我尝试时：

function ShowTable() {
    $("#Table1").fadeIn(500);
    $("#Table1").css({marginLeft: ((IMOpen.width - 100) / 2) + 'px'});
}

---

该表再次向左浮动…假设这些尝试均未被识别为有效代码。如何正确地将弹出窗口的可用宽度概括为.css jquery函数？使用弹出窗口名称？有效宽度？其他的？谢谢你的帮助

把你的桌子放在一个有？| | |的小隔间里感谢您的回答…尝试使用screen.availWidth，但仍然浮动到屏幕中心，忽略弹出窗口的尺寸。

function ShowTable() {
    $("#Table1").fadeIn(500);
    $("#Table1").css({marginLeft: ((IMOpen.width - 100) / 2) + 'px'});
}