Internet Explorer 6的jQuery height()问题

Question

我正在使用jQuery 1.3.2.

我无法在Internet Explorer 6中获得正确的"高度".所有其他浏览器中的高度值都是正确的.

我也在使用wresize jQuery插件.

每次浏览器加载时,我都会触发一个方法,根据浏览器维度调整div,iframe的大小.(这是有充分理由的.)

在IE 6中,$('body').height()的返回值似乎在每次调整浏览器大小后增加10个像素.

还有其他人遇到过这样的事吗？

var iframeH = 0, h = 0, groupH = 0, adjust = 0;

var tableH = $("#" + gridId + "_DXHeaderTable").parent().height();
var pagerH = $(".dxgvPagerBottomPanel").height();
var groupHeight = $(".dxgvGroupPanel").height();

if (pagerH == null)
    pagerH = 0;

if (groupHeight != null)
    groupH = groupHeight + pagerH;

iframeH = $('body').height();
h = (iframeH - (tableH + pagerH + groupH));

$('#' + gridId + "Panel").css("height", (h + "px"));
$("#" + gridId + "_DXMainTable").parent().css("height", (h + "px"));

此代码用于在其父容器中设置DevExpress网格的高度.忽略代码可能更好的事实.:)

除了"身体"之外我还能用什么东西来帮我正确吗？我已经尝试过窗口对象($(window).height()),但这似乎没什么帮助.

任何想法都表示赞赏!

Answer 1

您遇到的问题更可能是css渲染差异.由于浏览器之间的浮动问题,填充和边距渲染差异.

尝试获取$("body").innerHeight()和$("body").outerHeight()并在不同的浏览器中比较它们,你会得到一些共同的结果.在最坏的情况下,您可能需要运行一些if案例