동적으로 본문크기 늘이기

Document나 기타 공부관련 문서를 볼때 본문의 영역이 협소할것이라 판단, skin.html을 수정했다. 간단해 보이는 디자인이었는데 CSS, DIV, TABLE이 너무 복잡하게 얽혀있어서 파악하는데 시간이 좀 걸린듯..

--skin.html--

var flag=1;

function tblWidth() {
tablemain = document.getElementById("mainTable");
divmain = document.getElementById("main");
divcontainer = document.getElementById("container");
divheader = document.getElementById("header");
divside = document.getElementById("side");
aaa = document.getElementById("selectwidth");

if(flag) {
divcontainer.style.width="1024";
divheader.style.width="1024";
divmain.style.width=1024-222;
tablemain.style.width=1024-222;
aaa.innerHTML="본문작게(-)";
flag=0;
} else {
divcontainer.style.width="830";
divheader.style.width="830";
divmain.style.width="608";
tablemain.style.width="608";
aaa.innerHTML="본문크게(+)";
flag=1;
}
}

※ 현재적용되어 있는 스타일값 가져오기 obj.currentStyle.width  IE에서만 동작