익스플러 10에서도 정상작동되는 좌우측 따라다니는 배너를 넣고싶은데요,, > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

익스플러 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>

댓글 전체

<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에 가로폭을 맞춰주시면 문제 없을것 같은데요
쏠림이란 것이 어떤 상태인지 모르겠지만 그보다 위 소스로는 크롬에서도 제대로 작동 안할 것입니다
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>  <---이것은 없애버리세요
전체 66,558 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT