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 |