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; 이렇게 해보심이.
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2696263 | 프로그래밍 공부시작 질문 (6) | 진이 | 2025-05-28 |
| 2696206 | SK2의 플래시를 밴치마킹하려고하는데요.. (1) | 비내리던날 | 2025-05-27 |
| 2696179 | ie7에서 사라지지가 않네요. (2) | 빛길 | 2025-05-27 |
| 2696150 | div에 스크롤 생기게 하려면... (2) | 에드가 | 2025-05-27 |
| 2696123 | 자료구조론 공부중인데 | 김자영 | 2025-05-26 |
| 2696094 | exe 파일 | 제철 | 2025-05-26 |
| 2696043 | 제이쿼리 .scroll() 관련 질문드립니다 | 이거이름임 | 2025-05-26 |
| 2695984 | 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) | 들꿈 | 2025-05-25 |
| 2695934 | tr 속성값 (9) | 새 | 2025-05-25 |
| 2695905 | ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) | 슬아라 | 2025-05-24 |
| 2695878 | form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) | 핫파랑 | 2025-05-24 |
| 2695844 | 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) | 한빛 | 2025-05-24 |
| 2695814 | [질문] PDA에서 애플릿이 가능한가요? (1) | 봄시내 | 2025-05-24 |
| 2695785 | 웹 설정 도와줄분 | 화이트캣 | 2025-05-23 |
| 2695730 | 갑자기 기억이 안나는데 accesskey 속성.. | 빛나라 | 2025-05-23 |
| 2695702 | [질문] Java 버전 차이에 의한 오류?!! (2) | 검사 | 2025-05-23 |
| 2695672 | 자바 임베디드 쪽으로 배우고 싶은데요..질문이요.. (1) | 뽀그리 | 2025-05-22 |
| 2695647 | 헉! 이클립스(v3.1)에서 발생되는 널포인트 익셉션? ;;; (3) | 아빠몬 | 2025-05-22 |
| 2695586 | IFRAME 캐싱 질문 | 봄나비 | 2025-05-22 |
| 2695498 | [질문]실행가능한 jar파일.. 정말 이해가 안가네요... ㅡㅜ;; | 터1프한렩 | 2025-05-21 |