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

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

· 14년 전 · 1678 · 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개

14년 전
#wrap {position:relative;width:980px;margin:0 auto;}
적용하실 div속성을 요렇게요.
주시면 됩니다.
저 그리고 포인트 1만점만 주시면 안되나요 ㅠㅠ
포인트가 없어서 글이 안써짐요 젭알~~~
14년 전
이걸 어디에 넣으라는 말씀이신가요? ㅠㅠ 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로 간단히
14년 전
당연히 맨처음 div죠 ㅠㅠ
14년 전
의견 감사합니다~ 다른 방법으로 해결했어요 ~~ ㅎㅎ

게시글 목록

번호 제목
6818
1199
1195
1186
1181
1176
1168
1166
1163
1160
1154
1151
1148
1142
1137
1129
1123
1117
1115
1108
1098
1093
1088
1087
6816
1084
1079
1066
6812
7525
1054
1049
1045
1031
1027
6810
1025
1012
1001
987
984
978
971
966
7518
964
960
951
947
944
943
939
936
923
914
910
904
899
895
890
883
881
875
870
861
848
7511
843
829
819
818
803
794
790
6807
778
771
7503
7495
759
744
7488
735
7470
7463
724
720
709
706
698
697
693
691
690
679
677
673
668
661
652