웹페이지 크기에 따라 오른쪽 메뉴 위치 조정
아연
페이지는 왼쪽 정렬로 작업되어 있습니다.
예를 들어 보기와 같은 이미지로 작업을 했을경우까만색 라인으로 그려진 박스 영역과
빨간색 라인으로 그려진 박스 영역....이렇게 두 영역이 있습니다.
그런데 웹 페이지의 크기를 사용자가줄일경우.....
혹은 최대화 되있는 웹 페이지를 최소화를 시킨다던지 할때보시는 봐와 같이 첫번째 그림의 까만색 박스 영역위로 붉은색 박스 영역이 위로 겹치게 할수 있을까요???
웹페이지의 크기를 왼쪽방향으로 줄일때마다 위 아래로 스크롤 되는 메뉴마냥 페이지의 크기에 따라
비례해서 이동해야 하는데요....
position속성을 활용하면 될거 같기도 한데....
이틀째 골머리를 썩고 있거든요....
답변좀 부탁드리겠습니다.
-
희선
수다님 답변 감사합니다.
수다님 덕분에 문제를 해결했습니다.
정말 감사합니다.^^ -
피어나
우측레이어에
{position:fixed;right:0;top:0} 이렇게 줘보세요 ^.
다만 width값이 %라면 위 그림처럼 되기는 어려워 보이네요. -
주나
수다님....
우측 레이어 부분만 fixed로 설정해주면 될까요???
페이지를 줄였을 경우 왼쪽 레이어 부분은 따로 설정하지 않아도 될까요??
왼쪽레이어 부분과 오른쪽 레이어의 width값을 px가 아닌 %로 설정하고
position값을 absolute와 relative값으로 해보고 있는데 엉뚱한 값이 나오거든요.....ㅠ.ㅠ -
미쁘다
우측 레이어에 position:fixed로 가능은 할텐데 fixed 속성을 인식못하는 ie6이 문제겠네요.
-
다빈
수다님 죄송하지만 샘플 소스좀 간단하게 구현해주시면 안될까요???^^;;
-
딥자두
position 방법밖게 없으면 absolute left right 이런식으로 해서 ㅜㅜ 하면되지 않을까 싶은데 다른분의 댓글을 좀더 기다려보세요 ㅎㅎㅎ... 더 좋은 방법이 있을수도 있으니
-
월향
position을 어떤 방법으로 활용해야 할까요????
저도 position을 활용하면 될거 같기는 하다고 생각하는데요.... -
해대기
아마도 position 으로 활용해야되지 않을까요? ,, 저의생각뿐..ㅎ