프로그래밍/HTML+CSS+JavaScript

높이에 따라서 세로중앙정렬되게 하는스크립트.

긴자손-1 2011. 5. 4. 17:21
반응형

window.onload = onLoadHandler;

window.onresize = resizeSwfDiv;

var isFull = false;

function onLoadHandler()

{

resizeSwfDiv();

}

function isFullSetting( _isFull )

{

isFull = Boolean(_isFull);

}

function resizeSwfDiv()

{

var _div = document.getElementById("flashWrap");

if(navigator.userAgent.indexOf('MSIE')!=-1){

var _bh = document.body.clientHeight;

if(_bh < 768){

_bh = 0;

_div.style.margin = _bh+' auto 0px auto';

}

else{

_bh = (_bh - 768)/2 + "px";

_div.style.margin = _bh+' auto 0px auto';

}

}

else{

var _bh = innerHeight;

if(_bh < 768){

_bh = 0;

_div.style.margin = _bh+' auto 0px auto';

}

else{

_bh = (_bh - 768)/2 + "px";

_div.style.margin = _bh+' auto 0px auto';

}

}

</script>


브라우저를 줄이거나 늘려도 항상 가운데 있게 된다...


세로정렬


가로는 css를 이용해서


margin:0px auto;를 사용하면된다.

반응형

'프로그래밍 > HTML+CSS+JavaScript' 카테고리의 다른 글

jquery와 플러그인으로 만든 NON 플래시 사이트  (0) 2011.06.20
페이스북 API 사용하기  (0) 2011.05.09
메일 코딩 할때 style 문제  (0) 2011.04.29
jquery text 애니메이션  (0) 2011.04.27
set cookie  (0) 2011.04.27