해상도 조절시 생기는 여백 - 추가문제발생
물
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를 제거하면 맨 위 그림과 같이 여백이 생기구요..
-
네코 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 |
