자바스크립트에서...IE5,6에서 팝업창의 위치를 보이는화면 중앙쯤에 위치하게끔 어떻게 하나요..?

function go_popup() {

                $('#popup').bPopup({

position: [450,680], //x, y

positionStyle: 'absolute'

});

             

        }; 

 

 

비팝업이라는 소스를 갖고 했는데 ie7부터는 중앙쯤에 위치하거든요 포지션값을 빼도....

그런데 ie5,6에선 포지션값을빼버리면 화면밖으로 팝업창이 사라져서;;; 안보입니다ㅠㅠ

 

테이블 코딩된 사이트인데

body에 taext align center를 줘도..

팝업뜨는 버튼 클릭하면 팝업이 왼쪽구석에 박혀서 반이상이 사라져있어요 ㅠ_ㅠ...

 

그렇다고 포지션값을 주면.... 절대대적이라서..

화면을 키워버리면 큰화면기준으로 적용ㅇ이돼서..

컨텐츠밖으로 벗어난것처럼 보이네요 ㅠ.ㅠ

 

해결방법 없을까요 

 

|

댓글 2개

IE5, 6 까지는 개발 할 때 크게 고려 하지 않아서 잘 모르지만, jQuery를 사용한다면 어느 정도 호환이 될지도 모르겠습니다.

일단 위의 로직에서 좌표를 숫자로 입력해 놓았는데, 이런 경우 모니터 사이즈나 해상도에 따라 중앙에 나타나지 않습니다.
(IE5, 6 뿐 아니라 모든 브라우저.

이런 경우 쉽게 상대 값으로 처리하는 것이 좋을 듯 하네요./

제가 제안 드리는 코드
var xpos = ($(window).width() - $("#popup").width()) / 2;
var ypos = ($(window).height() - $("#popup").height()) /2;

이렇게 하고
position : [ xpos, ypos ]
positionStyle : 'fixed'

위와 같이 변경하면 중앙에 위치할 듯 하네요.

그럼.
ㅠㅠ지금 확인습니다 너무 감사합니다 평생 해결 못할 줄 알았는데 ...바로 해봐야겠어요 :D
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
10년 전 조회 3,354
10년 전 조회 4,033
10년 전 조회 2,207
10년 전 조회 2,480
10년 전 조회 4,299
10년 전 조회 2,667
10년 전 조회 2,048
10년 전 조회 3,032
10년 전 조회 2,778
10년 전 조회 2,510
10년 전 조회 2,490
10년 전 조회 2,693
10년 전 조회 2,353
10년 전 조회 1,939
10년 전 조회 2,689
10년 전 조회 3,133
10년 전 조회 2,706
10년 전 조회 2,737
10년 전 조회 3,404
10년 전 조회 4,422
10년 전 조회 2,115
10년 전 조회 2,108
10년 전 조회 2,583
10년 전 조회 2,825
10년 전 조회 2,342
10년 전 조회 2,017
10년 전 조회 2,181
10년 전 조회 2,298
10년 전 조회 2,520
11년 전 조회 2,661
11년 전 조회 3,355
11년 전 조회 1,991
11년 전 조회 2,205
11년 전 조회 6,279
11년 전 조회 2,086
11년 전 조회 2,559
11년 전 조회 2,498
11년 전 조회 2,972
11년 전 조회 2,409
11년 전 조회 2,678
11년 전 조회 2,724
11년 전 조회 3,134
11년 전 조회 2,899
11년 전 조회 3,749
11년 전 조회 3,150
11년 전 조회 3,232
11년 전 조회 2,341
11년 전 조회 2,610
11년 전 조회 2,560
11년 전 조회 2,235
11년 전 조회 2,047
11년 전 조회 2,220
11년 전 조회 2,901
11년 전 조회 2,198
11년 전 조회 3,164
11년 전 조회 4,855
11년 전 조회 2,726
11년 전 조회 2,597
11년 전 조회 2,537
11년 전 조회 2,499
11년 전 조회 2,190
11년 전 조회 3,366
11년 전 조회 2,075
11년 전 조회 2,498
11년 전 조회 2,591
11년 전 조회 2,676
11년 전 조회 3,657
11년 전 조회 2,397
11년 전 조회 2,859
11년 전 조회 2,242
11년 전 조회 2,253
11년 전 조회 3,131
11년 전 조회 2,521
11년 전 조회 2,354
11년 전 조회 2,703
11년 전 조회 2,046
11년 전 조회 2,519
11년 전 조회 2,642
11년 전 조회 5,691
11년 전 조회 2,395
11년 전 조회 2,057
11년 전 조회 4,634
11년 전 조회 2,590
11년 전 조회 2,373
11년 전 조회 1,945
11년 전 조회 1,934
11년 전 조회 2,809
11년 전 조회 5,237
11년 전 조회 3,354
11년 전 조회 2,207
11년 전 조회 1,754
11년 전 조회 2,693
11년 전 조회 2,693
11년 전 조회 4,605
11년 전 조회 2,370
11년 전 조회 4,153
11년 전 조회 3,302
11년 전 조회 2,009
11년 전 조회 2,326
11년 전 조회 3,827