[그림첨부]안녕하세요 오랜만에 질문글은 다시 올리게되었네요 ㅠㅠ
얌체같이 질문올릴때만 글쓰는거 같아서 죄송합니다 ㅠㅠ
이번에 궁금한점은요
플래시로 아래 그림처럼 되어있어요

bg 같이 큰 플래시가 있고 그 안에 세로로 플래시 메뉴가있어요
이것도 z-index 알아내서 여기까지 해놓은건 정말 기뻣습니다 ㅋㅋㅋ
근데 이놈의...중앙정렬 ....
전에 질문해서 많이들 알려주셔서 중앙정렬했습니다..
근데 "메뉴플래시2" 이것이 absolute 로 되어있어서 해상도에 따라 차이가 많이있습니다 ㅠㅠ
그래서 아 안되겠따 relative 로 하자 해서 했더니

이런식으로 되어버립니다. ㅠㅠ
플래시가 겹치게 하려면 absolute 로 해야 되는거 같은데 후... 어떻게 해야 될까요
간곡히 부탁드려요 ㅠㅠㅠ
도와주세요 선배님들 !!!!!ㅜㅜ
댓글 3개
senseme
13년 전
레이아웃을 어떻게 활용하냐에 따라 달른데요..상대적 위치로(relative)활용하시는게
손도 덜가고 편합니다.absolute<-이것은 절대적 위치기때문에 익스나 해상도 등에따라
달라질수밖에없죠..꼭 absolute<-이걸 사용하셔야한다면 유동적으로 사이즈변화를 잡아서 변경해주셔야 할것입니다.
그래서 전 보통 귀찮아서 relative<- 상대적 위치를 사용해서 중첩사용을 합니다..
소스를 올리시면 수정해서 답변드렸을텐데....그럼 수고하세요.
손도 덜가고 편합니다.absolute<-이것은 절대적 위치기때문에 익스나 해상도 등에따라
달라질수밖에없죠..꼭 absolute<-이걸 사용하셔야한다면 유동적으로 사이즈변화를 잡아서 변경해주셔야 할것입니다.
그래서 전 보통 귀찮아서 relative<- 상대적 위치를 사용해서 중첩사용을 합니다..
소스를 올리시면 수정해서 답변드렸을텐데....그럼 수고하세요.
13년 전
그러게요 소스도 같이 올리시면 답변드리기가 더 수월할텐데요.
<div style="height:100px;background:#ddd">플래쉬1</div>
<div style="position:absolute;top:50px;left:50%;z-index:2">
<div style="position:relative;left:-30px;width:60px;background:#ccc">플래쉬2</div>
</div>
이걸로 한번 테스트해보세요. <div style="position:relative;left:-30px;width:60px;background:#ccc">플래쉬2</div> 에서 left -30px 은 플래쉬넓이의 절반을 입력하시면 될꺼에요. width:60px 부분은 플래쉬2 넓이값을 입력하시면 되구요.
<div style="height:100px;background:#ddd">플래쉬1</div>
<div style="position:absolute;top:50px;left:50%;z-index:2">
<div style="position:relative;left:-30px;width:60px;background:#ccc">플래쉬2</div>
</div>
이걸로 한번 테스트해보세요. <div style="position:relative;left:-30px;width:60px;background:#ccc">플래쉬2</div> 에서 left -30px 은 플래쉬넓이의 절반을 입력하시면 될꺼에요. width:60px 부분은 플래쉬2 넓이값을 입력하시면 되구요.
한번잘해보자
13년 전
답변감사합니다 !!! 해결했어요 ㅋㅋ relative 주면 이동은 되는데 그 크기만큼의 빈공간때문에
고민했었거든요 근데 div 로 크기 상관없이 w : 1px h : 1px 주니까 이동시켜도 그 크기만큼의 공간을
차지 하지 않는단걸 배웠습니다 감사합니다 ㅜ!!!
고민했었거든요 근데 div 로 크기 상관없이 w : 1px h : 1px 주니까 이동시켜도 그 크기만큼의 공간을
차지 하지 않는단걸 배웠습니다 감사합니다 ㅜ!!!
게시글 목록
| 번호 | 제목 |
|---|---|
| 10407 | |
| 10406 | |
| 10395 | |
| 10392 | |
| 7022 | |
| 10389 | |
| 10386 | |
| 3939 | |
| 7021 | |
| 10384 | |
| 10379 | |
| 3931 | |
| 7019 | |
| 7016 | |
| 7014 | |
| 7010 | |
| 5991 | |
| 7007 | |
| 7003 | |
| 7000 | |
| 6998 | |
| 11233 | |
| 6995 | |
| 3930 | |
| 3928 | |
| 3918 | |
| 10365 | |
| 10361 | |
| 3909 | |
| 3906 | |
| 6994 | |
| 3900 | |
| 10357 | |
| 3893 | |
| 10326 | |
| 3888 | |
| 3884 | |
| 3877 | |
| 3874 | |
| 3868 | |
| 10307 | |
| 3863 | |
| 3861 | |
| 3847 | |
| 10304 | |
| 3842 | |
| 3839 | |
| 3832 | |
| 6991 | |
| 3831 | |
| 10302 | |
| 10281 | |
| 10279 | |
| 6988 | |
| 3815 |
디자이너
이미테이션의 유혹..? 강요?
15
|
| 10274 | |
| 3787 | |
| 3771 | |
| 3765 | |
| 3751 | |
| 3747 |
디자이너
이 폰트 뭔지 아시는 분~~?
3
|
| 3742 |
디자이너
S-MAC을 소개합니다.
4
|
| 3734 | |
| 10269 | |
| 3721 | |
| 3711 |
디자이너
홈페이지가 해외에서 열리게 하려면
9
|
| 3702 |
디자이너
오늘 하루종일 한거
8
|
| 3681 |
디자이너
예전에 그렸던 그림들...
20
|
| 3678 |
디자이너
디개기뻐라니 기발하네요 ㅋㅋ
2
|
| 3668 | |
| 10263 | |
| 10164 | |
| 3661 |
디자이너
아.. 메인디자인 들어갈때..
6
|
| 3652 | |
| 3642 |
디자이너
바보 인증하는 앱등이들 광고
9
|
| 3638 | |
| 3625 | |
| 3601 | |
| 3583 | |
| 3575 |
디자이너
이거 디자인 예쁘지 않나요?
7
|
| 10162 | |
| 3569 | |
| 3559 | |
| 3556 | |
| 3548 | |
| 3542 | |
| 10160 |
최신글
공지사항
1
|
| 10153 | |
| 3539 | |
| 3534 | |
| 3519 | |
| 3515 | |
| 3510 | |
| 3500 | |
| 3485 |
디자이너
웹디자인 레이아웃 사이드바 정렬
14
|
| 6985 | |
| 11230 | |
| 3304 | |
| 11220 | |
| 9043 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기