홈페이지에서 마우스의 스크롤 좌우측 방지 하는 css나 script가 있는지 궁금합니다. 채택완료

http://www.smedi.kr/sincead/since_mody.php

위의 사이트 가보시면 익스플로러에서 보시면 마우스 휠버튼을 누르면 상하 이동밖에 되지 않습니다.

그래서 레이아웃이 안꺠지고 잘 나타납니다.

하지만 크롬브라우저로 보시면 메인에 슬라이드 이미지(아직은 슬라이드 미구현)가 크다보니

마우스 휠버튼을 누르고 좌우로 이동하면 레이아웃 균형이 꺠져버립니다. 


어떻게 해결할까? 생각하다가 제가 어떤 사이트 가니까 마우스 휠 방향이 상하이동만 되는걸 보았습니다.

이처럼 상하이동만 되게하면 레이아웃 균형이 안꺠질것 같은데요.

이방법 외에도 혹시나 레이아웃이 안깨지는  방법이 있다면 알려주시면 감사하겠습니다.^^;;

아직은 css대한 개념이 막연한 저로서는 답이 나오질 않습니다.

감사합니다.^^*      

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
위의 사이트 가보시면 익스에서 마우스 휠버튼을 누르면 상하 이동밖에 되지 않습니다.
그래서 레이아웃이 안꺠지고 잘 나타납니다.
하지만 크롬브라우저로 보시면 메인에 슬라이드 이미지(아직은 슬라이드 미구현)가 크다보니
마우스 휠버튼을 누르고 좌우로 이동하면 레이아웃 균형이 꺠져버립니다.
이걸 어떻게 해결할까? 생각하다가 제가 어떤 사이트 가니까 마우스 휠 방향이 상하이동만 되는걸 보았습니다.
이처럼 상하이동만 되게하면 레이아웃 균형이 안꺠질것 같은데요.. 이방법 외에도 혹시나 레이아웃이 안꺠지는
방법이 있다면 도와주시면 감사하겠습니다.^^;; 아직은 저 혼자 막연구하다보니 답이 나오질 않습니다.
감사합니다.^^*
     

답변 2개

채택된 답변
+20 포인트

화면에 보여지는 폭을 정하셔야 가로 스크롤이 생기지 않습니다.

body { width:1000px;}

머 이런식으로 지정하세요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

크롬과 IE로 확인하였는데 제 PC에선 멀쩡해 보입니다.

이미지등의 엘리먼트에 max-width,min-width 등을 잘활용하시면 될겁니다.

보통은 body{overflow-x : hidden;} 이리합니다만..

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고