width값 없이 가운데 정렬 방법
데빌의눈물
하이브리드 앱 작업중인데요.
팝업 창을 브라우저 크기에 상관없이 항상 좌우 가운데 정렬 하려고 합니당.
근데 아시다시피 유동적일 수 있는 해상도를 고려하여 가로너비값을 정하지 않아야 하거든요.
어떻게 해야 고정된 너비값 없이 항상 가운데정렬될 수 있을까요??
팝업 부분만의 소스는 다음과 같아요..popup {position:absolute; top:120px; width:85%; min-width:280px; background:#fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 5px 1px #bba0a2;-webkit-box-shadow:0 0 5px 1px #bba0a2;padding:10px 10px 20px;font-weight:bold; text-align:center; margin:0 auto; display:inline; overflow:hidden;}div class=popup
p class=noteimg src=res/images/common/ico_notice.gif alt=! //p
p class=cont업데이트가 중단 되었습니다.br /다시 업데이트 하시겠습니까?/p
p class=btns ac c_space02
span class=btn popbtna href=#예/a/span
span class=btn popbtn offa href=#아니오/a/span
/p
/divtext-align:center; margin:0 auto; display:inline; overflow:hidden; 등을 써주라고 해서 적용해봐도 안되더라구요.
min-width값을 넣어도 안되고... width값을 퍼센티지로 주니 안되네요.ㅜㅡ
방법 아시는 분 좀 알려주세요~~~~~.
-
딥블루
기획을 바꿔야 할겁니다. absolute 레이어 안드로이드에서 테스트 해보시면 왜 그런지 아시게 될거에요...;;
-
참없다
아.. 아래에 다른 내용들이 존재하고 그위에 띄우는 거라 그렇게 간단하지가 않네요...
님 말씀대로 하면 테이블이 깨져요...ㅠㅠ -
동은
음.. 꼭 엡솔루트로 위치를 잡아야되나요??
.popup {position:relative; top:120px; width:85%; min-width:280px; background:#fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 5px 1px #bba0a2;-webkit-box-shadow:0 0 5px 1px #bba0a2;padding:10p -
휘율
left 값이 없어서일거에요
popup 의 width 의 반만큼 margin-left:-42.5% 해주면 원하는데로 될거 같은데요 -
발랄한그1녀
흠. 그럼 결국 스크립트의 힘을 빌리는수밖에 없지않을까 조심스레 의견을 내봅니다.
-
나길
말씀드린데로... 팝업창의 사이즈를 주지 않고 팝업의 너비를 유동적으로 가능하게 하려는 거라서..
제시하신 방법은 알고 있지만 적용하지 않았어요. 답변 감사드려요.. ^^ -
올리브
예를들어
.popup {width:400px; height:400px;} 이라면
position:absolute; width:50%; height:50%; margin:-200px 0 0 -200px; 이렇게 해보심이.
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2653721 | [플러그인]질문드립니다!! (3) | 이리온 | 2024-05-04 |
2653697 | 포문의 고수님들 도와주세여...포문이 복잡하네여.... | 족장 | 2024-05-04 |
2653671 | 메뉴 스크립트 문의드립니다. | 하루키 | 2024-05-03 |
2653637 | 자바 안드로이드를 시작하려고 합니다.이클립스 버전에 질문이. (3) | 영글 | 2024-05-03 |
2653578 | 소스 있는데 프로그램좀 만들어주실뿐.. (8) | 갤투 | 2024-05-03 |
2653550 | 첫화면에 인스타그램 피드 나오게 하고싶은데 | 눈 | 2024-05-02 |
2653528 | 이 두개 코드 차이점이 뭔가요? | 마중물 | 2024-05-02 |
2653444 | c# email을 db로 저장 시키기 (1) | 피네 | 2024-05-01 |
2653361 | 초보에유~ filter:gray; 이거 파폭에선 어케먹이나용 ㅠㅠㅋ | 마음새 | 2024-05-01 |
2653335 | 파일확장자 구하는 방법 질문을 합니다. (2) | 한가람 | 2024-04-30 |
2653305 | [질문] 무비클립과 텍스트 그냥 일반적으로 크기 축소시 문제.. | 한누리 | 2024-04-30 |
2653224 | 프린트하기 질문입니다. | 파라 | 2024-04-29 |
2653194 | 이미지에 텍스트 삽입 질문드려요 | 라임나무 | 2024-04-29 |
2653164 | 페이지 로딩시 특정 div 투명값 조절 (1) | 은별 | 2024-04-29 |
2653136 | C언어를 배우고있는 왕초보 프로그래머 지망생입니다 (2) | 베레기 | 2024-04-29 |
2653111 | 이렇게 레이아웃 짜는거 맞나요? (3) | 은G | 2024-04-28 |
2653089 | [질문]특정글자가 몇번째자이에 위치했는지 알아내는 방법 (1) | 유라 | 2024-04-28 |
2653065 | 사파리에서 플래쉬에 얹어지지 않는 div (2) | 말근 | 2024-04-28 |
2653038 | 바이트 스트림과 문자 스트림이 왜 있는거죠? (1) | 행복녀 | 2024-04-28 |
2653005 | 대시보드 한글지원 되는 테마와 안되는 테마 (1) | 난길 | 2024-04-27 |