수다닷컴

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

해상도 조절시 생기는 여백 - 추가문제발생

물

2025.10.25

width를 100%로 놓고 작업중입니다.해상도를 줄이고 스크롤을 끝으로 옮기면 padding을 준것도 아닌데 오른쪽에 여백이 생깁니다.
감싸는 div엔 100%로 놓고 그안에는 width를 고정으로 넣어주었습니다.
왜그러는걸까요.. -- 추가

위에 문제는 overflow:hidden;을 주어 여백이 생기는걸 해결을 했습니다. 헌데 또 문제가 생겼습니다.. ^^;footer에도 역시 overflow:hidden 을 주었는데 해상도를 줄이면 container가 해상도에 맞게 줄어들어 footer에 도 영향을 미치더군요.

#header_wrap {position:relative; width:100%; height:61px; background:#fff; text-align:center;}
#container_wrap {position:relative; width:100%; _height:100%; min-height:100%; margin:-61px 0 -117px;}
#footer_wrap {position:relative; width:100%; height:117px; text-align:center; overflow:hidden;}

div id=header_wrap/div
div id=container_wrap/div
div id=footer_wrap/div
각 wrap 안에는 width가 모두 고정되어있습니다.
header_wrap에도 overflow:hidden을 주면 footer와 같이 가려져서 안보입니다.overflow를 제거하면 맨 위 그림과 같이 여백이 생기구요..

신청하기





COMMENT

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

  • 네코 2025-10-25

    처음부터 다시 해보겠습니다. 의견 모두 감사합니다.

  • 아잉 2025-10-25

    margin:-61px 0 -117px; 이 설정때문에 그러는 것 같네요. 레이아웃 작성시 마진을 -로 처리하는 방법은 좋지 않습니다. 추후 어떤 문제가 발생할지 모릅니다.

  • 데빌의눈물 2025-10-25

    여백문제는 해결되었습니다. 헌데 footer가 container에 가려져서 안보이는 문제가 생겼습니다..

  • 큰재 2025-10-25

    위에 올려주신 레이아웃 소스 상으로는 저렇게 여백이 나올 수가 없는데요.. 그 안의 소스문제가 아닐까요?

  • 찬 2025-10-25

    보더값은 확인을 위해 넣은것입니다. 보더값은 2px인데 여백은 훨씬 많이 생기네요. ㅠ

  • 사과 2025-10-25

    보더값때문에....밀렷어요

  • 쇼코홀릭 2025-10-25

    그안에 width는 모두 고정으로 넣어주었스비다.. 기본으로 css 리셋했구요..

  • 해지개 2025-10-25

    그 안에 width고정으로 넣어주신것을 한번 확인해 보시는 것이 좋을 듯합니다.

    혹은 각 태그에 기본으로 들어가있는 것들이 리셋이 되지 않아 margin 이나 padding 을 가지고 있는지도 확인해 보심이 좋을 듯합니다.

  • 곰탱이 2025-10-25

    소스를 올려주셔야 판단할 수 있겠네요..

번호 제 목 글쓴이 날짜
2752110 $box.find("img").width()에서 이미지에.. 해뜰참 2026-10-21
2752024 소숫점 뺄셈 !! ㅠㅜ 초롬 2026-10-20
2751970 자바 게임 만들려는데 부탁드립니다 (1) 라온제나 2026-10-19
2751908 자바스크립트 처리속도를 체크할 수 있는 방법 있나요? (1) 테이 2026-10-19
2751822 그누보드 아이프레임으로 구현했는데 제목 클릭해서 들어가면 푸터가 동동...떠다녀요 내꺼하자 2026-10-18
2751790 자바 그래픽 관련을 공부하고 싶은데요.. 어디 좋은 사이트나 책 없을까요?? (1) 큰재 2026-10-18
2751733 CTF가머죠? (5) 두동 2026-10-17
2751709 배열부분 궁금한 부분이있습니다. 딸기우유 2026-10-17
2751677 포인터 책을 보다가,,, (2) 동백 2026-10-17
2751648 익스플로 버전에 따라서 생기는 공백.. (1) 모아 2026-10-17
2751623 DEL 태그의에서 선굵기 및 컬러지정이 가능한가 해서요~ (4) 비치나 2026-10-16
2751573 테마 업로드 에러.. (1) 꽃 2026-10-16
2751548 수학? 물리?? (3) 찬늘 2026-10-16
2751461 상단네비 fixed ie6 핵 해결방안이 있을까요? 맑다 2026-10-15
2751436 레이아웃을 잡고 코딩을 하는데 드림위버에서의 결과와 IE에서 결과가 다르게 나오네요. (3) 키클 2026-10-15
2751403 형들좀도와주세요string compression (1) 알렉산더 2026-10-14
2751349 링크 다운로드하기 팬지 2026-10-14
2751295 c++한번도 손않댄 사람이... 날위해 2026-10-13
2751267 플래시8 사용에서 플레이어 만들었는데요 (1) 블1랙캣 2026-10-13
2751182 회원가입 파랑새 2026-10-12
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

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