웹마스터 팁
XE 수직 스크롤바 무조껀 띄우기 CSS
2009.09.28 14:51
브라우저 해상도 기준 화면높이가 가변적인 경우..
링크 이동시 수직 스크롤바의 존재유무로 인해.. 레이아웃의 세로폭이 변하게 됩니다.
이런 경우 수직 스크롤바를 아예 없애거나 항상 존재하게 해야 합니다.(아예 없애는 사이트는 드물겠죠.)
수직스크롤바를 항상 나오게 하려면..
html { overflow-y:scroll; }
Y축 스크롤만 항상 보여주게 설정하면 됩니다.
홈페이지의 화면 길이가 가변적인 경우 항상 스크롤바를 보이게 해야 레이아웃 움직임이 없어지네요.
이건 CSS3에 포함된 스펙이라.. 현재 CSS표준은 아니라고 합니다.
몇 브라우저에서는 지원이 안될 수도..(ie, 크롬, 파폭 적용됨)
부족한게 많지만 만들었어요~~ 곧 레이아웃도 공개할꺼에요.
댓글 7
-
YO-DA
2009.09.28 19:04
So Gooooooooooooooooooood^^ -
오예스
2009.09.28 23:00
좋은 정보 감사합니다. ^^
-
khongchi
2009.09.29 11:15
홈페이지 멋집니다.. 깔끔하구요^^ -
daniel28
2009.09.29 16:02
가로스크롤이 나오지 않게하는 게 이 방법도 있는 것 같습니다.
common/tpl/에 있는 파일 common_layout.html을 수정
<head>
~~~~
</head>
사이에 이것
<style type="text/css">
html {overflow-x : hidden}
</style> 을 삽입하면 가로 스크롤이 나타나지 않네요. -
데즈라레
2009.09.29 18:55
네. 가로스크롤도 문제가 된다면 그렇게 제어할 수 있죠.
layout.html 파일을 고치지 않아도..
사이트 설정 > 레이아웃 > 헤더스크립트에 CSS를 정의하시면 됩니다.
아니면 별도 CSS파일내에 정의해도 마찬가지고요. -
얼터1.0
2009.10.29 01:14
아~ 그렇군요. 레이아웃이 움직여서 신경쓰였는데, 이렇게하면 되겠네요.
좋은정보 감사합니다.
-
울뜨라
2009.11.26 09:49
결국 문제는 다른것이었네요. 난 레이아웃의 문제인것으로만 접근했더니 도저히 엄두가 나지 않았는데
많은 도움되었습니다. 추천 꾸욱~~