스크롤바를 따라다니는 배너를 만드려고하는데,

하단에 footer까지 스크롤 배너가 내려올시에

더이상 내려오지 않도록 하려고합니다.
(footer 를 가리지 않도록....)



그래서 div 로 위치를 absolute 지정해서 스크롤배너를 한번 감싸주려고하는데요~~
(위치의 이동을 고정시키기 위해서)



사진에 보시면 왼쪽 빨간부분의 DIV 틀을 짜고 싶습니다.
문서의 길이가 길어지든, 짧아지든, 스크롤바를 따라다니는 스크롤배너가 끝까니 내려올 수 있도록..
(단, footer는 가리지 않도록 하려고 하구요....)



일정한 위치 고정(가운데 정렬을 기준으로해서...)

시키면서... 문서의 길이가 길어졌거나 짧아졌을 때,

스크롤바가 끝까지.... 내려가게끔 잘작동하려면(footer 안가리고)

div 틀을 어떻게 짜야할까요?ㅠㅠ


<style type="text/css">
* { margin: 0; padding: 0; }
#zero { background-color: #f00; width: 50px; height: 50px; }


/*Position*/
#zero { }

</style>
</head>


<body>
<div id="zero">
★이곳에 스크로바 따라다니는스크롤배너를 넣어서 이동하는 구간 위치를 고정 시킬겁니다★
</div>