익스플러 10에서도 정상작동되는 좌우측 따라다니는 배너를 넣고싶은데요,, 정보
익스플러 10에서도 정상작동되는 좌우측 따라다니는 배너를 넣고싶은데요,,본문
간신히 찾아서 아래소스를 쓰고 있는데 익스8,9 에서는 중앙으로 정상위치로 보이는데
익스플러 10 에서만 이상한위치로 쏠림현상이 있습니다,,어떻게하면 될까요?
<TABLE border=0 cellSpacing=0 cellPadding=0 width=980 align=center>
<TBODY>
<TR>
<TD><FONT style="POSITION: relative">
<DIV style="POSITION: absolute; TOP: 160px; LEFT: -57px" id=divMenu2>
11111111111111111</DIV>
</FONT><FONT
style="POSITION: relative">
<DIV style="POSITION: absolute; WIDTH: 50px; TOP: 160px; LEFT: 995px"
id=divMenu1>
1111111111111</DIV>
</FONT>
<SCRIPT language=javascript type=text/javascript>
<!--
// 좌우측 날개 배너를 위한 스크립트
var wing_height = 160;
var wing_moveSpeed = 20;
var wing_respSpeed = 300;
function CheckUIElements()
{
var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;
var divMenu1 = document.getElementById("divMenu1");
var divMenu2 = document.getElementById("divMenu2");
if (typeof(window.pageYOffset) == "number") {
yMenuTo = window.pageYOffset + wing_height;
} else if (typeof(document.documentElement.scrollTop) == "number") {
yMenuTo = Math.max(document.documentElement.scrollTop, document.body.scrollTop) + wing_height;
} else {
yMenuTo = wing_height;
}
yMenuFrom = parseInt(document.getElementById("divMenu1").style.top, 10);
timeoutNextCheck = wing_respSpeed;
if ( yMenuFrom != yMenuTo )
{
yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / wing_moveSpeed );
if ( yMenuTo < yMenuFrom ) yOffset = -yOffset;
divMenu1.style.top = parseInt(divMenu1.style.top, 10) + yOffset;
divMenu2.style.top = parseInt(divMenu2.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
CheckUIElements();
//-->
</SCRIPT>
<!-- 전체카테고리보기 & 상품검색바 --></TD>
</TR></TBODY></TABLE>
익스플러 10 에서만 이상한위치로 쏠림현상이 있습니다,,어떻게하면 될까요?
<TABLE border=0 cellSpacing=0 cellPadding=0 width=980 align=center>
<TBODY>
<TR>
<TD><FONT style="POSITION: relative">
<DIV style="POSITION: absolute; TOP: 160px; LEFT: -57px" id=divMenu2>
11111111111111111</DIV>
</FONT><FONT
style="POSITION: relative">
<DIV style="POSITION: absolute; WIDTH: 50px; TOP: 160px; LEFT: 995px"
id=divMenu1>
1111111111111</DIV>
</FONT>
<SCRIPT language=javascript type=text/javascript>
<!--
// 좌우측 날개 배너를 위한 스크립트
var wing_height = 160;
var wing_moveSpeed = 20;
var wing_respSpeed = 300;
function CheckUIElements()
{
var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;
var divMenu1 = document.getElementById("divMenu1");
var divMenu2 = document.getElementById("divMenu2");
if (typeof(window.pageYOffset) == "number") {
yMenuTo = window.pageYOffset + wing_height;
} else if (typeof(document.documentElement.scrollTop) == "number") {
yMenuTo = Math.max(document.documentElement.scrollTop, document.body.scrollTop) + wing_height;
} else {
yMenuTo = wing_height;
}
yMenuFrom = parseInt(document.getElementById("divMenu1").style.top, 10);
timeoutNextCheck = wing_respSpeed;
if ( yMenuFrom != yMenuTo )
{
yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / wing_moveSpeed );
if ( yMenuTo < yMenuFrom ) yOffset = -yOffset;
divMenu1.style.top = parseInt(divMenu1.style.top, 10) + yOffset;
divMenu2.style.top = parseInt(divMenu2.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
CheckUIElements();
//-->
</SCRIPT>
<!-- 전체카테고리보기 & 상품검색바 --></TD>
</TR></TBODY></TABLE>
댓글 전체
<TD style="POSITION: relative">
<DIV style="POSITION: absolute; TOP: 160px; LEFT: -57px" id=divMenu2>
11111111111111111</DIV>
<DIV style="POSITION: absolute; WIDTH: 50px; TOP: 160px; LEFT: 995px"
id=divMenu1>
1111111111111</DIV>
</td>
소스중 POSITION: relative는 그냥 td에 한번만 호출하시면 될듯하고 좌우div에 가로폭을 맞춰주시면 문제 없을것 같은데요
<DIV style="POSITION: absolute; TOP: 160px; LEFT: -57px" id=divMenu2>
11111111111111111</DIV>
<DIV style="POSITION: absolute; WIDTH: 50px; TOP: 160px; LEFT: 995px"
id=divMenu1>
1111111111111</DIV>
</td>
소스중 POSITION: relative는 그냥 td에 한번만 호출하시면 될듯하고 좌우div에 가로폭을 맞춰주시면 문제 없을것 같은데요
쏠림이란 것이 어떤 상태인지 모르겠지만 그보다 위 소스로는 크롬에서도 제대로 작동 안할 것입니다
divMenu1.style.top = parseInt(divMenu1.style.top, 10) + yOffset;
divMenu2.style.top = parseInt(divMenu2.style.top, 10) + yOffset;
우선 위 코드를 아래처럼 고치세요
divMenu1.style.top = (parseInt(divMenu1.style.top, 10) + yOffset)+'px';
divMenu2.style.top = (parseInt(divMenu2.style.top, 10) + yOffset)+'px';
<FONT style="POSITION: relative"> ~~ </FONT> <---이것은 없애버리세요
divMenu1.style.top = parseInt(divMenu1.style.top, 10) + yOffset;
divMenu2.style.top = parseInt(divMenu2.style.top, 10) + yOffset;
우선 위 코드를 아래처럼 고치세요
divMenu1.style.top = (parseInt(divMenu1.style.top, 10) + yOffset)+'px';
divMenu2.style.top = (parseInt(divMenu2.style.top, 10) + yOffset)+'px';
<FONT style="POSITION: relative"> ~~ </FONT> <---이것은 없애버리세요