영역을 약간 벗어난 메뉴정렬하는 방법을 알고싶습니다.
백합
안녕하세요. 아래 첨부한 이미지와같이 전체 가이드 영역을 약10px정도 벗어나서 정렬할 수 있는 방법을 알고싶습니다.
기존 가이드가 브라우저화면의 가운데 정렬 이구요.
일단.. 아래 붉은색 칠되어있는 부분인데요.
이부분을 제나름의 생각대로코딩을 해보건데..해당 영역 부분에 position:relative; 로 한번 감싸고 그안에 리스트에 position：absolute;로 left값을 -10px 정도로 값을 주어봤습니다만..
이리하면.. ie6,7,8에서는 원하는데로 보이는데.. FF에서는 문제가 생기네요.
FF까지 잘 보이는 방법이 있을지요.. ㅜ.ㅜ
꼭 알고싶습니다...
-
바나나맛캔디
앗.. 감사합니다... 보내주신 소스를 참고하여.. 몇가지 수정을했더니 해결이되었습니다. ^^ 정말 감사합니다.
-
혁민
음.. 방금 리플 주신 내용을 확인하고.. position:relative 준 녀석에게 overflow:hidden을 한번 주어봤더니.. 메뉴가 아예 사라져 버리네요... 혹시.. 그 소스를 보여주실 수 있나요?
-
돌삥
음... z-index도 현재 0~100까지 주어봤는데.. FF에서는.. 전혀 반응이없고 그대로네요.. ㅠㅠ
-
비사벌
position：absolute; 를 넣어준 클래스에 이미 top:0;은 넣어둔 상태입니다... left:-10px;가 ie6,7,8등에서는 위에 보여드린 스타일로 잘 보입니다만... FF에서는 영역밖으로 보이지않고 영역안에서 -10px 만큼 이미지를 영역이 가려버리는 현상이 생겨서요.. 이부분을 ie와 동일하게 맞출수있는 방법이 없을까요?