스크롤바 레이아웃
우솔
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml
head
title/title
style type=text/css
* {padding:0;margin:0;}
html, body {width:100%;height:100%;}
html, body {overflow:hidden;}
#wrapper {position:relative;width:100%;height:100%;background-color:#000;}
#container {height:100%;margin-right:100px;background-color:#eee;overflow:auto;}
#contents {height:100%;background-color:#669;}
#sidebar {position:absolute;right:0;top:0;width:100px;height:300px;background-color:#ff0;}
/style
/head
body
div id=wrapper
div id=container
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
contentsbrbr
/div
div id=sidebar
sidebar
/div
/div
/body
/html 좌우로 나눠서 좌우는 창의 크기 조절에 따라 스크롤바가 생기거나 없어집니다.그런데 두개로 나누는게 아니라. 4개로 나눠야합니다.헤더본문 사이드풋터이렇게 네가지로 나누고본문만 창의 크기조절에 따라 스크롤바가 생겨야합니다. 어떻게 할까요?ㅠㅠ
-
동이
쿨럭... 창사이즈 조절시에... 자동... =ㅅ = 이건 pass ㅠㅠ
-
훌림목
조금 엿같은? 방법이지만 가능한 방법이 있긴 합니다....
header와 footer를 화면상에서 항상 화면 상 하단에 고정 그리고 z-index를 상위로 잡고
컨텐츠 부분을 위치 잡은 뒤에 footer 만큼 하단 패딩을 넣어주게 되면 가능은 합니다 =ㅅ =;;
하지만 왠지 맘에 않든다는... -
외솔
요거 스크립트 안쓰고 풀면 천재 ..
-
유우
위의 코드는 본문 과 사이드 두개 나눈거라서
잘됩니다.
그런데
위와 아래에
각 각 헤더와 풋터가 고정으로 들어와야되는데
가운데 본문 height:100%으로 못하고 고정을 줘야되서 문제가 됩니다.
창의 크기에 따라 본문도 달라져야하거든요. ㅠㅠ -
베이비슈
overflow-y:auto를 overflow:auto 로 하셔야 될거같군요
-
셋삥
본문에만 overflow:auto 주시면 될 것 같은데요.
뭐가 잘 안되시나요? 될거 같은데... -
아론아브라함
헤더와 풋터 사이드는 고정크기이면
본문의 크기는 창의 크기에 따라 달라지는겁니다.
너무 어렵게 설명했나요. -
날샘
100% 레이아웃이네요. 헤더와 풋터 넣으시고, wrapper에서 헤더와 풋터 사이즈만큼 마이너스 마진 줘서 땡기고 패딩으로 땡긴간격만큼 확보하시면 됩니다. 말이 그지같네요..;
-- 안되네요 -_-;; -
시윤
말씀하신 부분에도 가능할겁니다.
-
매1혹
그건 수정했습니다.
위처럼 위와 아래에도 div를 추가하고도
가운데 본문처럼 스크롤이 가능할까요??
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2701230 | 테마 설정하면 밑에 뜨는 글 삭제 (1) | 창의적 | 2025-07-12 |
| 2701177 | css적용이 안되요~ (6) | 다니엘 | 2025-07-11 |
| 2701151 | 사이트작업시 inputbox 가 readonly 형태표시 어떻게 하시나요? (1) | 찬내 | 2025-07-11 |
| 2701123 | 간단한 select 질문입니다 (3) | 천사의눈물 | 2025-07-11 |
| 2701061 | 비베질문.. | 똘끼 | 2025-07-10 |
| 2701034 | 메일폼 내 script 삽입가능한 방법 없을까요.. (2) | 마음새 | 2025-07-10 |
| 2701008 | 분명히 버튼을 만들었는데 액션이 안걸립니다. (3) | 재찬 | 2025-07-10 |
| 2700923 | 전체중앙정렬&독타입&쿼크모드 ㅜㅠ (8) | 푸른들 | 2025-07-09 |
| 2700893 | 질문드리겠습니다. | 도도한 | 2025-07-09 |
| 2700793 | 무비클립에 마우스 오버시 랜덤으로 효과음 나기는 어떻게 ;; (1) | 바닐라 | 2025-07-08 |
| 2700741 | 웹전송? (2) | 연와인 | 2025-07-07 |
| 2700686 | 카테고리 호버시 세부카테고리 보이게하는 것, css로만 가능할까요?? (3) | 다힘 | 2025-07-07 |
| 2700658 | 메타태그 질문드립니다..ㅠㅠ;;; | 모해 | 2025-07-07 |
| 2700632 | 외부에서 이미지 파일을 불러와야 합니다. 도와주세요. (4) | 에일린 | 2025-07-06 |
| 2700579 | (air + as3) smtp 이용해서 첨부파일 포함해서 메일 보내기 | 물보라 | 2025-07-06 |
| 2700524 | 클릭시 밑에 메뉴 나오게 (4) | 새솔 | 2025-07-05 |
| 2700505 | activex를 비쥬얼6.0으로 만들었는데요 비스타 배포시에 안되서 질문드립니다 (3) | 참이 | 2025-07-05 |
| 2700452 | c언어에서... 자료형 구분.... (3) | 시내 | 2025-07-05 |
| 2700422 | 버전에 관해 질문 | 라온제나 | 2025-07-04 |
| 2700393 | mysql이 갑자기!!!!!!!!!!!!!!!에러가;; (2) | 소미 | 2025-07-04 |