빈 영역엔 스크롤이 안되는 현상
좋아해
2023.04.01
#content{ display:block; position:relative; width:659px; height:330px; background:#fff url(../images/blank.gif) 0 0 repeat; overflow:auto; }
위의 css를 이용해서 내용부분의 높이를 제한해서 스크롤해서 볼 수 있게 만들었는데요...
그림이 있는 부분은 스크롤이 잘되는데..
빨간색 영역... 즉 아무 내용이 없는 빈공간에서는 마우스 스크롤이 안되네요.
참 IE 7.0은 문제 없고 6.0에서 안됩니다.
왜 이럴까요?
-
뽀송뽀송
위의 스타일 자체는 아무 문제가 없는 것 같아요.
일반적으로 페이지 만든게 아니라 #content 부분을 감싸고 있는 레이어을 띄워주는 형식으로 만들었거든요.
스크롤이 안되는 부분은....
위 스타일 안에 div style=\float:left\내용내용/div 를 넣으면 \내용내용\ 영역 부분은 스크롤이 안되네요...
즉... float 를 쓴 영역부분은 스크롤이 안먹혀요 -
Hotpants
소스를 올리시는게 ㅋㅋ
-
이룩
이미지 있는 부분이 #content이고 그 영역이 세로 330이라면..
현재 #content의 이미지는 정해진 세로값을 넘었는데 왜 스크롤이 생겨있지가 않죠??
위 스타일 카피 후 독자적으로 실행하면 스크롤이 잘 생기며 6과 7에서 모두 정상입니다~ -
꼬붕
background:#fff
이 속성을 넣으면 제 컴에서는 잘 되거든요
근데 ftp에 올리면 서버쪽에서는 안되요