묻고답하기
퀵메뉴에 대한 질문입니다.
2011.05.07 23:58
현재 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로 되어있다보니 기본으로 적용되어있는 레이아웃과 퀵메뉴 사이에 많은 공간이 생겨서
모양이 이상하게 되는 경우가 발생하는데요....
레이아웃의 바로 우측에 일정 간격을 두고 뿌려지게 하려면 어떻게 해야하는지 궁금해서요^^
아시는 분 답변 좀 부탁드립니다...