묻고답하기
퀵메뉴 위치 조정 질문이에요..제발 도움 좀..
2011.05.15 09:43
현재 http://www.xpressengine.com/19619633 게시물에 있는 소스를 수정해서
퀵메뉴를 넣었는데요...
이게 css파일을 보면 퀵메뉴가 뿌려지는 위치가 있어요...
#quick { position:absolute; top:70px; right:10px; overflow:hidden; }
#quick .fixed { list-style:none; line-height:19px; font-family: Georgia, Times New Roman, Times, serif; border:0px transparent solid; padding:10px; margin:0px; text-align:left; }
#quick .fixed a:link,#quick .fixed a:visited { color:#000000; text-decoration:none; }
#quick .fixed a:active,#quick .fixed a:hover,#quick .fixed a:focus { color:#f09; text-decoration:none; }
#quick .fixed .subject { text-align:center; color: #000000; font: bold 1.5em/1em Georgia, "Times New Roman", Times, serif; letter-spacing: -.05em; margin: 0 0 7px; padding: 0 0 7px; position: relative; border-bottom: double 4px #b09370; text-transform: none; text-shadow: 0 1px 0 #f7e4c8; }
#quick .fixed .top_bottom {text-align:center; }
.menu_fixed { position:fixed; right:10px; top:70px; list-style:none; line-height:19px; font-family: Georgia, Times New Roman, Times, serif; border:0px transparent solid; padding:10px; margin:0px; text-align:left; }
.menu_fixed a:link,.menu_fixed a:visited { color:#000000; text-decoration:none; }
.menu_fixed a:active,.menu_fixed a:hover,.menu_fixed a:focus { color:#f09; text-decoration:none; }
.menu_fixed .subject { text-align:center; color: #000000; font: bold 1.5em/1em Georgia, "Times New Roman", Times, serif; letter-spacing: -.05em; margin: 0 0 7px; padding: 0 0 7px; position: relative; border-bottom: double 4px #b09370; text-transform: none; text-shadow: 0 1px 0 #f7e4c8; }
.menu_fixed .top_bottom {text-align:center; }
그런데 사용자의 모니터 크기에 따라서 이 퀵바가 보여지는 위치가 틀리더라고요.......
오른쪽에서부터 10px로 되어있다보니 기본으로 적용되어있는 레이아웃과 퀵메뉴 사이에 많은 공간이 생겨서
모양이 이상하게 되는 경우가 발생하는데요....
레이아웃의 바로 우측에 일정 간격을 두고 뿌려지게 하려면 어떻게 해야하는지 궁금해서요^^
아시는 분 답변 좀 부탁드립니다...