얌체같이 질문올릴때만 글쓰는거 같아서 죄송합니다 ㅠㅠ
이번에 궁금한점은요
플래시로 아래 그림처럼 되어있어요
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 주니까 이동시켜도 그 크기만큼의 공간을
차지 하지 않는단걸 배웠습니다 감사합니다 ㅜ!!!
게시판 목록
디자인
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1866 | 9년 전 | 40 | ||
| 1865 | 9년 전 | 79 | ||
| 1864 | 9년 전 | 98 | ||
| 1863 | 9년 전 | 71 | ||
| 1862 |
크레용웍스
|
9년 전 | 303 | |
| 1861 | 9년 전 | 214 | ||
| 1860 | 9년 전 | 165 | ||
| 1859 | 9년 전 | 182 | ||
| 1858 |
 nanati |
9년 전 | 506 | |
| 1857 | 9년 전 | 308 | ||
| 1856 | 9년 전 | 195 | ||
| 1855 | 9년 전 | 209 | ||
| 1854 | 9년 전 | 446 | ||
| 1853 | 9년 전 | 261 | ||
| 1852 |
 weblife |
9년 전 | 444 | |
| 1851 | 9년 전 | 217 | ||
| 1850 | 9년 전 | 198 | ||
| 1849 | 9년 전 | 205 | ||
| 1848 | 9년 전 | 145 | ||
| 1847 | 9년 전 | 137 | ||
| 1846 | 9년 전 | 171 | ||
| 1845 | 9년 전 | 386 | ||
| 1844 | 9년 전 | 306 | ||
| 1843 | 9년 전 | 430 | ||
| 1842 | 9년 전 | 365 | ||
| 1841 | 9년 전 | 240 | ||
| 1840 | 9년 전 | 558 | ||
| 1839 | 9년 전 | 628 | ||
| 1838 | 9년 전 | 429 | ||
| 1837 | 9년 전 | 314 | ||
| 1836 | 9년 전 | 413 | ||
| 1835 | 9년 전 | 755 | ||
| 1834 | 9년 전 | 722 | ||
| 1833 | 9년 전 | 472 | ||
| 1832 | 9년 전 | 522 | ||
| 1831 | 9년 전 | 549 | ||
| 1830 | 9년 전 | 618 | ||
| 1829 | 9년 전 | 550 | ||
| 1828 | 9년 전 | 734 | ||
| 1827 | 9년 전 | 614 | ||
| 1826 | 9년 전 | 374 | ||
| 1825 |
 apfhd |
9년 전 | 572 | |
| 1824 | 9년 전 | 389 | ||
| 1823 | 9년 전 | 1145 | ||
| 1822 | 9년 전 | 891 | ||
| 1821 | 9년 전 | 837 | ||
| 1820 | 9년 전 | 896 | ||
| 1819 |
 Net디자인 |
9년 전 | 430 | |
| 1818 | 9년 전 | 529 | ||
| 1817 |
아쿠아틴티드
|
9년 전 | 505 | |
| 1816 |
nanati |
9년 전 | 907 | |
| 1815 |
핫디자인1
|
9년 전 | 1007 | |
| 1814 | 9년 전 | 476 | ||
| 1813 |
핫디자인1
|
9년 전 | 591 | |
| 1812 |
핫디자인1
|
9년 전 | 784 | |
| 1811 |
nanati |
9년 전 | 856 | |
| 1810 | 9년 전 | 631 | ||
| 1809 | 9년 전 | 747 | ||
| 1808 | 9년 전 | 775 | ||
| 1807 | 9년 전 | 617 | ||
| 1806 |
jakeeeeel
|
9년 전 | 562 | |
| 1805 | 9년 전 | 1441 | ||
| 1804 | 9년 전 | 785 | ||
| 1803 | 9년 전 | 788 | ||
| 1802 | 9년 전 | 1025 | ||
| 1801 |
seul194
|
9년 전 | 717 | |
| 1800 |
nanati |
9년 전 | 983 | |
| 1799 | 9년 전 | 733 | ||
| 1798 |
nanati |
9년 전 | 1114 | |
| 1797 | 9년 전 | 1242 | ||
| 1796 |
brucelee1973
|
9년 전 | 2467 | |
| 1795 | 9년 전 | 678 | ||
| 1794 |
nanati |
9년 전 | 653 | |
| 1793 |
프로그래머7
|
9년 전 | 537 | |
| 1792 | 9년 전 | 524 | ||
| 1791 |
weblife |
9년 전 | 1523 | |
| 1790 |
ssir1159
|
9년 전 | 1209 | |
| 1789 | 9년 전 | 1020 | ||
| 1788 |
프로그래머7
|
9년 전 | 737 | |
| 1787 | 9년 전 | 492 | ||
| 1786 | 9년 전 | 593 | ||
| 1785 |
 booly |
9년 전 | 641 | |
| 1784 | 9년 전 | 728 | ||
| 1783 | 9년 전 | 580 | ||
| 1782 | 9년 전 | 356 | ||
| 1781 |
씨에이치넷
|
9년 전 | 1560 | |
| 1780 | 9년 전 | 817 | ||
| 1779 | 9년 전 | 862 | ||
| 1778 |
 별을따는소년 |
9년 전 | 1216 | |
| 1777 | 9년 전 | 614 | ||
| 1776 | 9년 전 | 984 | ||
| 1775 | 9년 전 | 422 | ||
| 1774 | 9년 전 | 677 | ||
| 1773 |
 ABC디자인 |
9년 전 | 1421 | |
| 1772 | 9년 전 | 821 | ||
| 1771 | 9년 전 | 797 | ||
| 1770 |
ABC디자인 |
9년 전 | 1668 | |
| 1769 |
ABC디자인 |
9년 전 | 1407 | |
| 1768 |
헤이하치대머리
|
9년 전 | 708 | |
| 1767 |
씨에이치넷
|
9년 전 | 1621 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기