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

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 주니까 이동시켜도 그 크기만큼의 공간을
차지 하지 않는단걸 배웠습니다 감사합니다 ㅜ!!!
게시판 목록
디자이너톡
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 270 |
minini
|
14년 전 | 1357 | |
| 269 | 14년 전 | 1204 | ||
| 268 | 14년 전 | 1203 | ||
| 267 | 14년 전 | 2256 | ||
| 266 | 14년 전 | 1442 | ||
| 265 | 14년 전 | 1790 | ||
| 264 | 14년 전 | 919 | ||
| 263 | 14년 전 | 985 | ||
| 262 | 14년 전 | 1089 | ||
| 261 | 14년 전 | 965 | ||
| 260 | 14년 전 | 714 | ||
| 259 | 14년 전 | 1156 | ||
| 258 | 14년 전 | 1658 | ||
| 257 | 14년 전 | 919 | ||
| 256 |
|
14년 전 | 1602 | |
| 255 | 14년 전 | 937 | ||
| 254 |
|
14년 전 | 993 | |
| 253 |
acting1
|
14년 전 | 1408 | |
| 252 |
james
|
14년 전 | 2204 | |
| 251 | 14년 전 | 1514 | ||
| 250 | 14년 전 | 1088 | ||
| 249 |
qkrwuddl
|
14년 전 | 877 | |
| 248 | 14년 전 | 1018 | ||
| 247 |
|
14년 전 | 1630 | |
| 246 | 14년 전 | 905 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기