스크롤바가 생길때 영역 밀리는 현상..ㅠㅠ
블랙캣
#wrapper {
width:880px;
margin:0 auto;
padding:0;
}
레이아웃 영역을 저렇게 잡았는데요..
내용이 짧은 페이지를 작업할때에는 몰랐는데..
내용이 길어지니까 스크롤바가 생기면서 그 영역만큼 왼쪽으로 전체적으로 밀리는 현상이 발생합니다..
이게 IE7까지는 괜찮던데..IE8과 파이어폭스에서요..어떻게 수정을 해야할까요???
-
미투리
html {width:100%; height:100%; margin:0; padding:0; overflow:hidden;} /* 기본 스크롤 제거 */
body {width:100%; height:100%; margin:0; padding:0; overflow-y:scroll; position:relative;} /*대체 스크롤 생성 */
틀에 이것을 이용해서 아래 wraper를 늘어나게 만들어 보세요.ㅎ -
연하얀
overflow-y:scroll 을 그냥 박아 버리면되지않나요-.-;
-
갈매빛
음.. 어렵네요... ㅠㅠ
-
진솔
레이아웃이라 고민이 많으시겠네요..클라이언트가 극심하게 요구하면 살짝 유도리를 발휘해 보세요 애초에 보기 흉하지 않게 880px을 조금더 늘려서 레이아웃의 큰영향을 주지 않게 스크롤이 생길때 컨텐츠와없을때 컨텐츠의 좌우의 여백의 미를 잘사용하는것도 괜찮줘..
-
아이
아.. 그렇군요.. 답변 감사합니다..
-
아픔이보여
스크롤바 영역만큼 밀리는건 브라우저 때문에 그런것이니.. 수정할 수가 없죠;
스크롤바가 없다가 길어지면 생기면서 밀리는 거니까
클라이언트에게 짧은 화면과 긴화면을 보여드리면서 밀리는게 아니고
길어지면 여기 스크롤바가 생기면서 그만큼 밀려 보이는거라고 이걸 잡으시려면 MS에 말씀드리라고 하세요 ㅎㅎ -
꼬꼬마
그렇게 해 보니 보이지 않는 스크롤바가 생기는데요..실제 내용이 길어졌을때에 스크롤바를 더이상 내릴수가 없는 현상이 발생해서요..