테스트 사이트 - 개발 중인 베타 버전입니다

div 해상도 관계없이 중간정렬 하고 싶어요 ㅠㅠ

· 15년 전 · 1686 · 8

아래 소스는 이렇습니다!
현재는 left:0 으로 해서 무조건 인터넷창 제일 왼쪽으로 정렬이 되는데요.
해상도 상관없이 중간정렬을 하고 싶은데 어떻게 해야될까요.
아무리 해도 안되요 ㅠㅠ

<div id="allmn">
<div id="ain">
     <div class="cbtn">
     <a href="#;" onClick="document.getElementById('allmn').style.display='none';return false;"</a>
     </div>

 <table cellspacing="0" class="alltb" align="center">
 <colgroup><col width="130px"></colgroup>
 <tbody align="center">
 <tr>
 <td>
  <div class="t1"><img src="../title_1.gif"></div>
  <ul class="su">
  <li><img src="../images/main/sitemap/title_1_1.gif"></li> 
  </div>
 </td>
 </tr>
 </tbody>
 </table>

</div>
</div>


===========================================
<css>

#allmn {display:none;position:absolute;left:0;top:10;width:100%;height:450px;padding-top:30px;margin-top:58px;background:#ffffff url('../images/main/sitemap/allmbg.jpg') no-repeat left top;z-index:1000000; }/
#allmn .alltb {height:100%;margin:0px auto;text-align:center;overflow:hidden;}
#allmn .alltb td {vertical-align:top;}
#allmn .alltb .t1 {height:30px;text-align:left;}
#allmn .alltb .t1 img {margin-left:16px;}
#allmn .alltb .su {clear:both;display:block;width:125px;margin:0px auto;padding-bottom:3px;text-align:left;}
#allmn .alltb .su li {padding-bottom:5px;}
#allmn .alltb .sin {padding-left:5px;}
#allmn .alltb .sin td {height:15px;}

#allmn .alltb .su2 {clear:both;padding-top:50px;}
#allmn .alltb .su2 li img {#margin-bottom:-1px;}
#allmn .alltb .t2 {height:15px;padding-top:25px;text-align:left;}
#allmn .alltb .t2 img {margin-left:12px;}
#allmn #ain {position:relative;width:100%;}
#allmn .cbtn {position:absolute;right:0;top:0;margin-right:20px;margin-top:-10px;}

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 8개

15년 전
#wrap {position:relative;width:980px;margin:0 auto;}
적용하실 div속성을 요렇게요.
주시면 됩니다.
저 그리고 포인트 1만점만 주시면 안되나요 ㅠㅠ
포인트가 없어서 글이 안써짐요 젭알~~~
15년 전
이걸 어디에 넣으라는 말씀이신가요? ㅠㅠ div가 많아서 어딜 넣어야되는건지...ㅠㅠ 그리고 relative 하면 div가 테이블위로 뜨는게 아니라 테이블을 밀어내고 자리를 차지해버려요 ~
레이어 팝업이라서 absolute 사용 한 것 같은데요 자스를 이용해야 합니다..
www.sjsjin.com 소스보기해서 자바스크립트 복사해서 사용하십시오.
http://www.itoa.co.kr/bbs/board.php?bo_table=javascript&wr_id=15

이글 참고해보세요.
$(document).ready(function(){

$(window).resize(function(){

$('#allmn').css({
position:'absolute',
left: ($(window).width()
- $('#allmn').outerWidth())/2,
top: ($(window).height()
- $('#allmn').outerHeight())/2
});

});

$(window).resize();

});

jquery로 간단히
15년 전
당연히 맨처음 div죠 ㅠㅠ
15년 전
의견 감사합니다~ 다른 방법으로 해결했어요 ~~ ㅎㅎ

게시글 목록

번호 제목
9040
3482
3472
3458
3453
3439
3434
디자이너 안녕하세요 4
3427
3423
디자이너 반갑습니다 3
3414
3409
3402
3396
3386
3381
3374
3365
3359
3357
11216
3353
3346
3345
디자이너 멋지네요~
3340
3333
6982
6983
3303
10134
10129
10127
10126
3299
3297
10123
회원통합스킨 조직도 2
6978
10120
10119
10115
3293
3292
10098
10050
10044
10041
10040
10032
3290
10029
게시판 모자~~ 2
10019
10009
6975
10007
게시판 조직도 1
10004
10000
9995
3288
3281
3279
3275
3274
9989
9986
3273
3272
9978
9975
9966
9965
게시판 메뉴
9960
9956
3268
9955
최신글 홈페이지
3264
9954
외부로그인 상단 로그인바
3260
9952
외부로그인 외부로그인 1
6972
3252
9944
9941
9932
9929
3246
9924
게시판 시안 4
9918
게시판 시안 5
9912
게시판 시안 5
9906
3240
3231
6967
3230
3226
3218
3216
9898
9894
9886
9872
9871