웹마스터 팁
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
결국 문제는 다른것이었네요. 난 레이아웃의 문제인것으로만 접근했더니 도저히 엄두가 나지 않았는데
많은 도움되었습니다. 추천 꾸욱~~
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 투명한 아이프레임 [15] | 파야 | 2002.04.04 |
| 스크롤바 색상을 이쁜것만 모와요 [6] | ZipShin | 2002.03.16 |
| ▩왼쪽에다가 스크롤바 넣기 [1] | ▩윤미 | 2002.02.21 |
| ie8 스크롤바 때문에 레이아웃이 움직이는 경우 | 오실롯 | 2010.06.22 |
| bgm 넣을려고 프레임 나눴을때 가로스크롤바 해결방법. [12] | 또리♡485 | 2008.01.25 |
| XE 수직 스크롤바 무조껀 띄우기 CSS [7] | 데즈라레 | 2009.09.28 |
| 레이 아웃이 가로 가운데일 때 좌우 왔다 갔다 하는 문제 [5] | 강신봉 | 2009.07.09 |
| 초보팁] 외부페이지에서 가져올 시 새창 띄우기 안되는거 수정하기(자바) [1] | 파라테일 | 2009.12.10 |
| BGM 가로스크롤바 없애는 방법.. | 청개굴이 | 2009.06.03 |
| 메뉴와 연결된 xe의 page에 iframe을 사용해서 제로보드4 게시판을 불러들였습니다 [2] | 바람처럼.. | 2007.09.14 |
| (글) 서명 높이 줄이고 스크롤바 생성 [4] | Simulz | 2007.10.26 |
홈페이지에 간단하게 뮤직플레이어와 악세사리 설치하기
 | 푸른커튼 | 2008.01.12 |