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
소스를 올려주셔야 판단할 수 있겠네요..