function go_popup() {
$('#popup').bPopup({
position: [450,680], //x, y
positionStyle: 'absolute'
});
};
비팝업이라는 소스를 갖고 했는데 ie7부터는 중앙쯤에 위치하거든요 포지션값을 빼도....
그런데 ie5,6에선 포지션값을빼버리면 화면밖으로 팝업창이 사라져서;;; 안보입니다ㅠㅠ
테이블 코딩된 사이트인데
body에 taext align center를 줘도..
팝업뜨는 버튼 클릭하면 팝업이 왼쪽구석에 박혀서 반이상이 사라져있어요 ㅠ_ㅠ...
그렇다고 포지션값을 주면.... 절대대적이라서..
화면을 키워버리면 큰화면기준으로 적용ㅇ이돼서..
컨텐츠밖으로 벗어난것처럼 보이네요 ㅠ.ㅠ
해결방법 없을까요
댓글 2개
파랑새1597
10년 전
IE5, 6 까지는 개발 할 때 크게 고려 하지 않아서 잘 모르지만, jQuery를 사용한다면 어느 정도 호환이 될지도 모르겠습니다.
일단 위의 로직에서 좌표를 숫자로 입력해 놓았는데, 이런 경우 모니터 사이즈나 해상도에 따라 중앙에 나타나지 않습니다.
(IE5, 6 뿐 아니라 모든 브라우저.
이런 경우 쉽게 상대 값으로 처리하는 것이 좋을 듯 하네요./
제가 제안 드리는 코드
var xpos = ($(window).width() - $("#popup").width()) / 2;
var ypos = ($(window).height() - $("#popup").height()) /2;
이렇게 하고
position : [ xpos, ypos ]
positionStyle : 'fixed'
위와 같이 변경하면 중앙에 위치할 듯 하네요.
그럼.
일단 위의 로직에서 좌표를 숫자로 입력해 놓았는데, 이런 경우 모니터 사이즈나 해상도에 따라 중앙에 나타나지 않습니다.
(IE5, 6 뿐 아니라 모든 브라우저.
이런 경우 쉽게 상대 값으로 처리하는 것이 좋을 듯 하네요./
제가 제안 드리는 코드
var xpos = ($(window).width() - $("#popup").width()) / 2;
var ypos = ($(window).height() - $("#popup").height()) /2;
이렇게 하고
position : [ xpos, ypos ]
positionStyle : 'fixed'
위와 같이 변경하면 중앙에 위치할 듯 하네요.
그럼.
10년 전
ㅠㅠ지금 확인습니다 너무 감사합니다 평생 해결 못할 줄 알았는데 ...바로 해봐야겠어요 :D
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7330 | 11년 전 | 1686 | ||
| 7329 | 11년 전 | 936 | ||
| 7328 | 11년 전 | 2227 | ||
| 7327 | 11년 전 | 1725 | ||
| 7326 | 11년 전 | 3817 | ||
| 7325 | 11년 전 | 2271 | ||
| 7324 | 11년 전 | 4524 | ||
| 7323 |
호식이와미돌
|
11년 전 | 1298 | |
| 7322 |
호식이와미돌
|
11년 전 | 1148 | |
| 7321 | 11년 전 | 1788 | ||
| 7320 | 11년 전 | 1762 | ||
| 7319 | 11년 전 | 1326 | ||
| 7318 |
 나는웹디다 |
11년 전 | 983 | |
| 7317 |
멋진남자임
|
11년 전 | 1618 | |
| 7316 |
잘살아보자
|
11년 전 | 991 | |
| 7315 | 11년 전 | 1105 | ||
| 7314 | 11년 전 | 1324 | ||
| 7313 |
잘살아보자
|
11년 전 | 1124 | |
| 7312 | 11년 전 | 884 | ||
| 7311 |
사랑한데이
|
11년 전 | 2074 | |
| 7310 |
잘살아보자
|
11년 전 | 1886 | |
| 7309 |
잘살아보자
|
11년 전 | 3050 | |
| 7308 |
잘살아보자
|
11년 전 | 1022 | |
| 7307 |
잘살아보자
|
11년 전 | 782 | |
| 7306 | 11년 전 | 879 | ||
| 7305 |
잘살아보자
|
11년 전 | 2756 | |
| 7304 | 11년 전 | 1033 | ||
| 7303 | 11년 전 | 1228 | ||
| 7302 | 11년 전 | 740 | ||
| 7301 | 11년 전 | 1521 | ||
| 7300 |
mijaya
|
11년 전 | 1502 | |
| 7299 | 11년 전 | 916 | ||
| 7298 | 11년 전 | 1094 | ||
| 7297 | 11년 전 | 770 | ||
| 7296 | 11년 전 | 737 | ||
| 7295 | 11년 전 | 1563 | ||
| 7294 | 11년 전 | 912 | ||
| 7293 | 11년 전 | 814 | ||
| 7292 | 11년 전 | 910 | ||
| 7291 |
잘살아보자
|
11년 전 | 1095 | |
| 7290 |
잘살아보자
|
11년 전 | 757 | |
| 7289 | 11년 전 | 804 | ||
| 7288 |
잘살아보자
|
11년 전 | 1326 | |
| 7287 | 11년 전 | 837 | ||
| 7286 |
잘살아보자
|
11년 전 | 1334 | |
| 7285 | 11년 전 | 828 | ||
| 7284 | 11년 전 | 985 | ||
| 7283 | 11년 전 | 1010 | ||
| 7282 | 11년 전 | 775 | ||
| 7281 | 11년 전 | 806 | ||
| 7280 | 11년 전 | 1039 | ||
| 7279 | 11년 전 | 1973 | ||
| 7278 | 11년 전 | 812 | ||
| 7277 | 11년 전 | 816 | ||
| 7276 | 11년 전 | 757 | ||
| 7275 | 11년 전 | 1179 | ||
| 7274 | 11년 전 | 821 | ||
| 7273 | 11년 전 | 738 | ||
| 7272 | 11년 전 | 1057 | ||
| 7271 | 11년 전 | 1391 | ||
| 7270 | 11년 전 | 1020 | ||
| 7269 | 11년 전 | 945 | ||
| 7268 | 11년 전 | 990 | ||
| 7267 | 11년 전 | 1828 | ||
| 7266 | 11년 전 | 889 | ||
| 7265 | 11년 전 | 949 | ||
| 7264 |
잘살아보자
|
11년 전 | 2717 | |
| 7263 |
잘살아보자
|
11년 전 | 2263 | |
| 7262 |
잘살아보자
|
11년 전 | 1140 | |
| 7261 |
잘살아보자
|
11년 전 | 1634 | |
| 7260 |
잘살아보자
|
11년 전 | 1255 | |
| 7259 | 11년 전 | 1166 | ||
| 7258 |
잘살아보자
|
11년 전 | 1298 | |
| 7257 |
잘살아보자
|
11년 전 | 1895 | |
| 7256 | 11년 전 | 940 | ||
| 7255 |
그누5입문
|
11년 전 | 1949 | |
| 7254 | 11년 전 | 2166 | ||
| 7253 |
 Terrorboy |
11년 전 | 863 | |
| 7252 | 11년 전 | 1007 | ||
| 7251 | 11년 전 | 717 | ||
| 7250 | 11년 전 | 1690 | ||
| 7249 | 11년 전 | 1549 | ||
| 7248 |
sogo87
|
11년 전 | 1041 | |
| 7247 | 11년 전 | 934 | ||
| 7246 | 11년 전 | 703 | ||
| 7245 |
잘살아보자
|
11년 전 | 1082 | |
| 7244 | 11년 전 | 1532 | ||
| 7243 |
presee
|
11년 전 | 599 | |
| 7242 |
sogo87
|
11년 전 | 790 | |
| 7241 | 11년 전 | 888 | ||
| 7240 |
브라이언2
|
11년 전 | 905 | |
| 7239 |
Terrorboy |
11년 전 | 1120 | |
| 7238 | 11년 전 | 2623 | ||
| 7237 |
잘살아보자
|
11년 전 | 2275 | |
| 7236 |
dethos79
|
11년 전 | 1842 | |
| 7235 |
멋진남자임
|
11년 전 | 1404 | |
| 7234 | 11년 전 | 1346 | ||
| 7233 | 11년 전 | 2318 | ||
| 7232 | 11년 전 | 1596 | ||
| 7231 | 11년 전 | 2783 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기