[CSS] IE8 에서 zoom 변경 시 높이 지정 삽질 해결

IE9 버전 이상에서는 div css의 zoom속성 변경 후 자동으로 높이를 잡아주지만

IE8 에서는 높이를 잡아주지 못하는 현상이 발생함...

뭐 이런저런 처리를 하다가 일단 처음 100%일때의 높이를 다시 높이로 지정하는 방법으로 해결..

$('div.outerCont').css({

'zoom':currIEZoom + '%'

});

if(ieVer && ieVer <= 8) {

var $outerConts = $('div.outerCont');

$outerConts.each(function(index) {

if(!arFirstH[index]) arFirstH[index] = $(this).height();

$(this).height(arFirstH[index]);

});

}

뭐 요런식으로...

zoom 변경이 어찌되었건 항상 100%일때 높이로 지정해주면 알아서 높이가 zoom 비율만큼 변경되서 들어감.