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

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

· 15년 전 · 1685 · 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년 전
의견 감사합니다~ 다른 방법으로 해결했어요 ~~ ㅎㅎ

게시글 목록

번호 제목
2387
8402
8397
5952
8391
8387
8384
2358
8383
2340
2336
8379
8375
8372
5949
2325
2312
5942
5924
8363
2308
2297
2286
8356
2277
2271
8347
8330
8317
8307
2262
8298
8292
8282
2257
8259
8263
2241
8249
8242
2232
8233
8226
8212
8208
8201
8194
8190
2221
8188
8181
8179
8176
8173
8161
2216
8155
2205
8148
8145
2203
8137
2200
2199
8135
8134
2193
8120
2189
8119
2186
8117
8113
2174
8104
8081
8075
8063
2155
2144
7996
2139
2132
2111
2106
7995
2099
2097
2080
2075
2070
2066
2061
7988
2054
2048
2040
2035
2029
2028