김

자바스크립트에서...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
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
16-07-13 조회 2,159
16-07-12 조회 2,323
16-07-12 조회 2,352
16-07-11 조회 2,184
16-06-05 조회 2,891
16-06-03 조회 3,000
16-05-26 조회 2,920
15-09-22 조회 4,969
15-06-10 조회 4,811
14-10-25 조회 6,342
14-10-22 조회 8,969
14-09-21 조회 5,773
14-09-16 조회 5,052
14-08-22 조회 1.1만
14-08-13 조회 5,885
14-08-12 조회 5,424
14-08-12 조회 6,277
14-08-11 조회 6,912
14-06-12 조회 6,187
14-06-11 조회 5,090
14-05-09 조회 5,403
14-05-09 조회 6,363
14-05-09 조회 6,391
14-05-08 조회 5,725
14-04-17 조회 4,728
14-04-16 조회 4,557
14-04-15 조회 4,565
14-04-15 조회 4,519
14-04-15 조회 4,285
14-04-14 조회 4,263
14-04-14 조회 4,230
14-04-14 조회 4,614
14-04-14 조회 4,760
14-04-14 조회 4,745
14-04-13 조회 4,642
14-04-12 조회 4,206
14-04-12 조회 4,354
14-04-12 조회 4,464
14-04-11 조회 4,993
14-04-10 조회 4,720
14-04-10 조회 4,762
14-04-09 조회 4,913
14-04-09 조회 5,279
14-04-08 조회 6,943
13-10-30 조회 7,645
13-07-11 조회 5,106
13-03-28 조회 1.1만
13-02-27 조회 6,763
13-02-14 조회 5,579
13-01-10 조회 4,501
12-12-31 조회 5,072
12-12-20 조회 6,095
12-12-12 조회 5,255
12-12-07 조회 4,476
12-11-28 조회 4,828
12-11-22 조회 5,261
12-11-12 조회 5,628
12-09-22 조회 4,496
12-09-18 조회 4,686