간신히 찾아서 아래소스를 쓰고 있는데 익스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>
댓글 2개
<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> <---이것은 없애버리세요
게시글 목록
| 번호 | 제목 |
|---|---|
| 284172 | |
| 284170 | |
| 284167 | |
| 284164 | |
| 284161 | |
| 284159 | |
| 284155 | |
| 284152 | |
| 284151 | |
| 284148 | |
| 284142 | |
| 284141 | |
| 284137 | |
| 284136 | |
| 284135 | |
| 284127 | |
| 284121 | |
| 284120 | |
| 284116 | |
| 284115 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기