수다닷컴

첫번째 문의* 크롬이랑 익스에서는 position:fixed 사용해서 원하는 위치에 고정시켰는데요.
이상하게 파이어폭스에서만 이게 움직이는 레이어 처럼 되어버렸네요;
마우스 휠을 내리면 고정시킨 사이드바도 함께 내려갑니다 ㅠㅠ
파이어폭스에서는 설정을 다르게 해주어야 하는건가요?제가 적용시킨 css입니다. #sidebar { background:#354a5d; position:fixed; right:0; top:0; z-index:100; width:85px; height:100%; }
#sidebar li { text-align:center; border-top:1px solid #536575; border-bottom:1px solid #192734; }
#sidebar li a { height:33px; line-height:33px; color:#c3c9cf; }
#sidebar .bookmark { height:33px; background:#800030; text-align:center; }
#sidebar .bookmark a { line-height:33px; color:#d9b3c1; }
#sidebar .pageTop { position:absolute; bottom:0; }

두번째 문의같은 요소가 여러개일때 한 요소에만 적용시키고 싶은데 하위요소에도 css가 전부 적용됩니다.
이럴 때는 어떻게 해야하나요? id 또는 class를 주자니.. 반복되는 부분이 너무 많아지는것 같고..예를 들어 현재 사이드바에 아래처럼 적용시켰는데요. (소스가 긴 부분들은 생략했습니다)div id=sidebar
ul
!-- 1번 li --
li class=bookmark즐겨찾기/li
liCART/li
-- 중략 --
li
div id=2번 li 감싸는 div
ul
!-- 2번 li --
li class=abc내용/li
li class=abc내용/li
/ul
/div
/li
/ul
/div sidebar li 에 위아래로 보더를 1px씩 넣어주었습니다.
그랬더니 2번 li감싸는 div 의 li에도 동일하게 적용됩니다.
당연한얘긴데 ^-^;;; 이렇게 하위 메뉴에도 동일하게 적용이 되지 않게 하려면
일일이 적용하고자 하는 요소에 class를 주어야 하나요?
1번 li에만 적용하고 싶거든요.;; 근데 목록이 조금 길다 보니 저렇게 다 넣어야 하는건가 싶어서요.
초보자라서 ㅠㅠ 설명해주시면 감사하겠습니다 ^^!!!

신청하기