아래 소스는 이렇습니다!
현재는 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개
적용하실 div속성을 요렇게요.
주시면 됩니다.
저 그리고 포인트 1만점만 주시면 안되나요 ㅠㅠ
포인트가 없어서 글이 안써짐요 젭알~~~
이글 참고해보세요.
$(window).resize(function(){
$('#allmn').css({
position:'absolute',
left: ($(window).width()
- $('#allmn').outerWidth())/2,
top: ($(window).height()
- $('#allmn').outerHeight())/2
});
});
$(window).resize();
});
jquery로 간단히
게시판 목록
디자인
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 366 | 14년 전 | 1583 | ||
| 365 |
secret
|
14년 전 | 602 | |
| 364 | 14년 전 | 735 | ||
| 363 | 14년 전 | 980 | ||
| 362 | 14년 전 | 954 | ||
| 361 | 14년 전 | 1216 | ||
| 360 |
그누보드시작해요
|
14년 전 | 1037 | |
| 359 | 14년 전 | 867 | ||
| 358 | 14년 전 | 795 | ||
| 357 | 14년 전 | 804 | ||
| 356 | 14년 전 | 914 | ||
| 355 | 14년 전 | 740 | ||
| 354 | 14년 전 | 935 | ||
| 353 | 14년 전 | 800 | ||
| 352 | 14년 전 | 977 | ||
| 351 | 14년 전 | 928 | ||
| 350 | 14년 전 | 849 | ||
| 349 | 14년 전 | 908 | ||
| 348 | 14년 전 | 817 | ||
| 347 | 14년 전 | 955 | ||
| 346 | 14년 전 | 865 | ||
| 345 | 14년 전 | 822 | ||
| 344 | 14년 전 | 654 | ||
| 343 | 14년 전 | 614 | ||
| 342 | 14년 전 | 1527 | ||
| 341 | 14년 전 | 1183 | ||
| 340 | 14년 전 | 611 | ||
| 339 |
헬프데스크
|
14년 전 | 1423 | |
| 338 | 14년 전 | 1626 | ||
| 337 |
바다물고기
|
14년 전 | 4298 | |
| 336 | 14년 전 | 764 | ||
| 335 |
 푸른아이티 |
14년 전 | 861 | |
| 334 | 14년 전 | 748 | ||
| 333 | 14년 전 | 985 | ||
| 332 |
sooram
|
14년 전 | 957 | |
| 331 |
 웹킹webking |
14년 전 | 1343 | |
| 330 | 15년 전 | 927 | ||
| 329 | 15년 전 | 1002 | ||
| 328 |
탐탐이와이프
|
15년 전 | 831 | |
| 327 | 15년 전 | 951 | ||
| 326 |
 chanbiz |
15년 전 | 1256 | |
| 325 |
chanbiz |
15년 전 | 860 | |
| 324 |
sksda
|
15년 전 | 981 | |
| 323 | 15년 전 | 728 | ||
| 322 |
천재중천재
|
15년 전 | 4014 | |
| 321 | 15년 전 | 752 | ||
| 320 |
 Kiiru |
15년 전 | 847 | |
| 319 |
 훈이즈히어 |
15년 전 | 838 | |
| 318 |
Kiiru |
15년 전 | 870 | |
| 317 |
탐탐이와이프
|
15년 전 | 1299 | |
| 316 | 15년 전 | 694 | ||
| 315 |
탐탐이와이프
|
15년 전 | 790 | |
| 314 |
마케팅메지션
|
15년 전 | 644 | |
| 313 | 15년 전 | 1277 | ||
| 312 |
Darby
|
15년 전 | 852 | |
| 311 | 15년 전 | 1023 | ||
| 310 | 15년 전 | 948 | ||
| 309 |
푸른아이티 |
15년 전 | 861 | |
| 308 | 15년 전 | 1154 | ||
| 307 | 15년 전 | 2474 | ||
| 306 |
Kiiru |
15년 전 | 842 | |
| 305 |
Kiiru |
15년 전 | 758 | |
| 304 | 15년 전 | 845 | ||
| 303 |
Webia
|
15년 전 | 756 | |
| 302 | 15년 전 | 934 | ||
| 301 | 15년 전 | 1063 | ||
| 300 | 15년 전 | 4025 | ||
| 299 |
디자인몰2
|
15년 전 | 874 | |
| 298 | 15년 전 | 1012 | ||
| 297 |
 광속의오덕후 |
15년 전 | 1452 | |
| 296 | 15년 전 | 622 | ||
| 295 | 15년 전 | 1326 | ||
| 294 |
울라라라우
|
15년 전 | 1699 | |
| 293 | 15년 전 | 808 | ||
| 292 |
오케아노스
|
15년 전 | 1748 | |
| 291 |
 디자인을즐겨라 |
15년 전 | 1175 | |
| 290 |
chanbiz |
15년 전 | 873 | |
| 289 |
원시인교주
|
15년 전 | 4171 | |
| 288 |
원시인교주
|
15년 전 | 2840 | |
| 287 |
 프리웹미디어 |
15년 전 | 1462 | |
| 286 | 15년 전 | 1308 | ||
| 285 |
원시인교주
|
15년 전 | 7802 | |
| 284 | 15년 전 | 825 | ||
| 283 |
원시인교주
|
15년 전 | 4816 | |
| 282 | 15년 전 | 1808 | ||
| 281 | 15년 전 | 1115 | ||
| 280 | 15년 전 | 696 | ||
| 279 |
chanbiz |
15년 전 | 1058 | |
| 278 |
chanbiz |
15년 전 | 792 | |
| 277 | 15년 전 | 736 | ||
| 276 |
용다섯마리
|
15년 전 | 772 | |
| 275 | 15년 전 | 747 | ||
| 274 | 15년 전 | 808 | ||
| 273 | 15년 전 | 707 | ||
| 272 | 15년 전 | 957 | ||
| 271 | 15년 전 | 722 | ||
| 270 | 15년 전 | 914 | ||
| 269 | 15년 전 | 1045 | ||
| 268 |
chanbiz |
15년 전 | 807 | |
| 267 | 15년 전 | 815 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기