DTD 선언시, 관리자 화면의 하위메뉴 쏠림및 사이드뷰 쏠림 현상 해결방법 정보
DTD 선언시, 관리자 화면의 하위메뉴 쏠림및 사이드뷰 쏠림 현상 해결방법본문
head.sub.php 에서....
<!DOCTYPE html>
<html lang="ko">
또는 ....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
위와 같이 DTD 선언시에 '관리자화면'의 메뉴레이어에서 아래와 같은 문제가 발견됩니다.
1) '관리자화면의 상단메뉴 클릭시, SUB메뉴가 한쪽으로 쏠리는 현상이 발생합니다.
2) '회원관리', '포인트관리'등에서 <별명> 클릭시 나타나는 사이드뷰메뉴가 하단으로 쏠리는 현상
이는 익스플로러 8에서는 괜찮은데
현시점기준(2012.12)으로 '익스9', '파폭','크롬'에서 모두 그런현상이 발견되더군요. ㅠㅠ
★★★ 해결방법은 아래와 같습니다
--------------------------------------------------------------------------------
1) '관리자화면의 상단메뉴 클릭시, SUB메뉴가 한쪽으로 쏠리는 현상에 대한 해결
--------------------------------------------------------------------------------
관리자 화면의 레이어에 '픽셀값'만 있고 '단위지정(px)' 안되어 있어서 생기는 현상이였습니다
따라서, ./adm/admin.head.php 파일을 열어서
아래 라인들을 표시된 것처럼 "px" (단위값)을 추가로 지정하면 됩니다
01) 라인 103, 104
submenu.left = tempX - 50 + left + "px";
submenu.top = tempY + 15 + top + "px";
02) 라인 153, 154
menu.style.left = get_left_pos(link) + x + "px";
menu.style.top = get_top_pos(link) + link.offsetHeight + y + "px";
--------------------------------------------------------------------------------------------------
2) '회원관리', '포인트관리'등에서 <별명> 클릭시 나타나는 사이드뷰메뉴가 하단으로 쏠리는 현상 해결
--------------------------------------------------------------------------------------------------
./js/sideview.js 파일내 ... 라인 128~130 부분을 아래와 같이 수정 (위치값과 단위값 추가)
[수정전]
oSideViewLayer.style.top = getAbsoluteTop(this.curObj) + this.curObj.offsetHeight;
oSideViewLayer.style.left = getAbsoluteLeft(this.curObj) - this.curObj.offsetWidth + 14;
[수정후]
oSideViewLayer.style.top = getAbsoluteTop(this.curObj) + this.curObj.offsetHeight + 10 + "px";
oSideViewLayer.style.left = getAbsoluteLeft(this.curObj) - this.curObj.offsetWidth + 14 + "px";
P.S; 본 내용들은 '질답란'을 통해 검색된 내용을 정리한 팁입니다.
<!DOCTYPE html>
<html lang="ko">
또는 ....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
위와 같이 DTD 선언시에 '관리자화면'의 메뉴레이어에서 아래와 같은 문제가 발견됩니다.
1) '관리자화면의 상단메뉴 클릭시, SUB메뉴가 한쪽으로 쏠리는 현상이 발생합니다.
2) '회원관리', '포인트관리'등에서 <별명> 클릭시 나타나는 사이드뷰메뉴가 하단으로 쏠리는 현상
이는 익스플로러 8에서는 괜찮은데
현시점기준(2012.12)으로 '익스9', '파폭','크롬'에서 모두 그런현상이 발견되더군요. ㅠㅠ
★★★ 해결방법은 아래와 같습니다
--------------------------------------------------------------------------------
1) '관리자화면의 상단메뉴 클릭시, SUB메뉴가 한쪽으로 쏠리는 현상에 대한 해결
--------------------------------------------------------------------------------
관리자 화면의 레이어에 '픽셀값'만 있고 '단위지정(px)' 안되어 있어서 생기는 현상이였습니다
따라서, ./adm/admin.head.php 파일을 열어서
아래 라인들을 표시된 것처럼 "px" (단위값)을 추가로 지정하면 됩니다
01) 라인 103, 104
submenu.left = tempX - 50 + left + "px";
submenu.top = tempY + 15 + top + "px";
02) 라인 153, 154
menu.style.left = get_left_pos(link) + x + "px";
menu.style.top = get_top_pos(link) + link.offsetHeight + y + "px";
--------------------------------------------------------------------------------------------------
2) '회원관리', '포인트관리'등에서 <별명> 클릭시 나타나는 사이드뷰메뉴가 하단으로 쏠리는 현상 해결
--------------------------------------------------------------------------------------------------
./js/sideview.js 파일내 ... 라인 128~130 부분을 아래와 같이 수정 (위치값과 단위값 추가)
[수정전]
oSideViewLayer.style.top = getAbsoluteTop(this.curObj) + this.curObj.offsetHeight;
oSideViewLayer.style.left = getAbsoluteLeft(this.curObj) - this.curObj.offsetWidth + 14;
[수정후]
oSideViewLayer.style.top = getAbsoluteTop(this.curObj) + this.curObj.offsetHeight + 10 + "px";
oSideViewLayer.style.left = getAbsoluteLeft(this.curObj) - this.curObj.offsetWidth + 14 + "px";
P.S; 본 내용들은 '질답란'을 통해 검색된 내용을 정리한 팁입니다.
추천
4
4
댓글 9개
감사합니다.
오,,,안그래도 해결방법을 못찾았는데,,,,그래서 전,,관리자페이지는 dtd를 지정안했다는,,,,ㅋㅋ
감사합니다....
감사합니다....
저렇게 해도, 사파리나 클롬에서는 엉뚱한 곳에서 레이어메뉴가 나타나는데 어떻게 하면 되는지요?
ie에서는 일단 ie8,ie9에서는 정상인듯 합니다만.....
ie에서는 일단 ie8,ie9에서는 정상인듯 합니다만.....
흠...사파리는 설치되어 있지 않아서 아직 테스트를 못해봤습니다만,
크롬에서는 이상없이 테스트가 되었고 댓글 확인후, 봐도 이상이 없는거 같은데...
아마도 사용하는 css 파일에서 약간 차이가 있을수도 있지않을까 생각되네요.
크롬에서는 이상없이 테스트가 되었고 댓글 확인후, 봐도 이상이 없는거 같은데...
아마도 사용하는 css 파일에서 약간 차이가 있을수도 있지않을까 생각되네요.
관리자 페이지 때문이라면 저는 이렇게 처리해드리고 있습니다.
head.sub.php 에
if (!preg_match("/\/adm\//", $_SERVER['PHP_SELF']))
echo '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">';
head.sub.php 에
if (!preg_match("/\/adm\//", $_SERVER['PHP_SELF']))
echo '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">';
감사합니당
감사합니다.
감사합니다
추천 스크랩입니다
