[그림첨부]안녕하세요 오랜만에 질문글은 다시 올리게되었네요 ㅠㅠ
얌체같이 질문올릴때만 글쓰는거 같아서 죄송합니다 ㅠㅠ
이번에 궁금한점은요
플래시로 아래 그림처럼 되어있어요
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 주니까 이동시켜도 그 크기만큼의 공간을
차지 하지 않는단걸 배웠습니다 감사합니다 ㅜ!!!
게시글 목록
| 번호 | 제목 |
|---|---|
| 4672 | |
| 4670 | |
| 11126 | |
| 4659 | |
| 4654 | |
| 4646 | |
| 7050 | |
| 11150 | |
| 4637 | |
| 4623 | |
| 4617 | |
| 7047 | |
| 4605 | |
| 11250 | |
| 11110 | |
| 4594 | |
| 4580 | |
| 4571 | |
| 11102 | |
| 4562 | |
| 4547 | |
| 4535 | |
| 11249 | |
| 4519 | |
| 4506 | |
| 4493 | |
| 4484 | |
| 4473 | |
| 11141 |
디자인
여행사 시안작업입니다.
8
|
| 4465 | |
| 4450 | |
| 4432 | |
| 11099 | |
| 7044 | |
| 4416 | |
| 4412 | |
| 4399 | |
| 4395 | |
| 4387 | |
| 7043 | |
| 11097 | |
| 11091 | |
| 4382 | |
| 4377 | |
| 4368 | |
| 4364 | |
| 4362 | |
| 4360 | |
| 4355 | |
| 4353 | |
| 4349 | |
| 11047 | |
| 11023 | |
| 7039 | |
| 4341 | |
| 4325 | |
| 4320 | |
| 4318 | |
| 4314 | |
| 4308 | |
| 4301 | |
| 4297 | |
| 11021 | |
| 11020 | |
| 11015 | |
| 4295 | |
| 4288 | |
| 4278 | |
| 4272 | |
| 11010 | |
| 4270 | |
| 4266 | |
| 11006 | |
| 10888 | |
| 10886 | |
| 10882 | |
| 10879 | |
| 10876 | |
| 10874 | |
| 4255 | |
| 11248 | |
| 4254 | |
| 10871 | |
| 10869 | |
| 10867 | |
| 10865 | |
| 10863 | |
| 10861 | |
| 10859 | |
| 10787 | |
| 10717 | |
| 10686 | |
| 4247 | |
| 4231 | |
| 4228 | |
| 4218 | |
| 10681 | |
| 10660 | |
| 10657 | |
| 4213 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기