수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

웹페이지 크기에 따라 오른쪽 메뉴 위치 조정

아연

2023.04.01

페이지는 왼쪽 정렬로 작업되어 있습니다.
예를 들어 보기와 같은 이미지로 작업을 했을경우까만색 라인으로 그려진 박스 영역과
빨간색 라인으로 그려진 박스 영역....이렇게 두 영역이 있습니다.

그런데 웹 페이지의 크기를 사용자가줄일경우.....
혹은 최대화 되있는 웹 페이지를 최소화를 시킨다던지 할때보시는 봐와 같이 첫번째 그림의 까만색 박스 영역위로 붉은색 박스 영역이 위로 겹치게 할수 있을까요???
웹페이지의 크기를 왼쪽방향으로 줄일때마다 위 아래로 스크롤 되는 메뉴마냥 페이지의 크기에 따라
비례해서 이동해야 하는데요....

position속성을 활용하면 될거 같기도 한데....
이틀째 골머리를 썩고 있거든요....
답변좀 부탁드리겠습니다.

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 희선

    수다님 답변 감사합니다.
    수다님 덕분에 문제를 해결했습니다.
    정말 감사합니다.^^

  • 피어나

    우측레이어에
    {position:fixed;right:0;top:0} 이렇게 줘보세요 ^.

    다만 width값이 %라면 위 그림처럼 되기는 어려워 보이네요.

  • 주나

    수다님....
    우측 레이어 부분만 fixed로 설정해주면 될까요???
    페이지를 줄였을 경우 왼쪽 레이어 부분은 따로 설정하지 않아도 될까요??

    왼쪽레이어 부분과 오른쪽 레이어의 width값을 px가 아닌 %로 설정하고
    position값을 absolute와 relative값으로 해보고 있는데 엉뚱한 값이 나오거든요.....ㅠ.ㅠ

  • 미쁘다

    우측 레이어에 position:fixed로 가능은 할텐데 fixed 속성을 인식못하는 ie6이 문제겠네요.

  • 다빈

    수다님 죄송하지만 샘플 소스좀 간단하게 구현해주시면 안될까요???^^;;

  • 딥자두

    position 방법밖게 없으면 absolute left right 이런식으로 해서 ㅜㅜ 하면되지 않을까 싶은데 다른분의 댓글을 좀더 기다려보세요 ㅎㅎㅎ... 더 좋은 방법이 있을수도 있으니

  • 월향

    position을 어떤 방법으로 활용해야 할까요????
    저도 position을 활용하면 될거 같기는 하다고 생각하는데요....

  • 해대기

    아마도 position 으로 활용해야되지 않을까요? ,, 저의생각뿐..ㅎ

번호 제 목 글쓴이 날짜
2696043 제이쿼리 .scroll() 관련 질문드립니다 이거이름임 2025-05-26
2695984 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) 들꿈 2025-05-25
2695934 tr 속성값 (9) 새 2025-05-25
2695905 ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) 슬아라 2025-05-24
2695878 form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) 핫파랑 2025-05-24
2695844 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) 한빛 2025-05-24
2695814 [질문] PDA에서 애플릿이 가능한가요? (1) 봄시내 2025-05-24
2695785 웹 설정 도와줄분 화이트캣 2025-05-23
2695730 갑자기 기억이 안나는데 accesskey 속성.. 빛나라 2025-05-23
2695702 [질문] Java 버전 차이에 의한 오류?!! (2) 검사 2025-05-23
2695672 자바 임베디드 쪽으로 배우고 싶은데요..질문이요.. (1) 뽀그리 2025-05-22
2695647 헉! 이클립스(v3.1)에서 발생되는 널포인트 익셉션? ;;; (3) 아빠몬 2025-05-22
2695586 IFRAME 캐싱 질문 봄나비 2025-05-22
2695498 [질문]실행가능한 jar파일.. 정말 이해가 안가네요... ㅡㅜ;; 터1프한렩 2025-05-21
2695468 자바랑 이클립스에서요.. 스킬 2025-05-21
2695375 Mysql 연동하는 자바 질문있습니다. 아리솔 2025-05-20
2695319 파워포인트 파일을 저장할 수 있을까요? 시윤 2025-05-19
2695289 [질문]Tween 값의 정도를 알고 싶습니다. 타마 2025-05-19
2695238 c 와 c++의 시작 (10) ChocoHoilc 2025-05-18
2695215 탑메뉴의 repeat-x .배경이 두가지에요ㅠ ㅠ 널위해 2025-05-18
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com