윙배너 css 에서 position:absolute; 오류가 있어서 질문드려요.
본문
홈페이지 좌우에 배너를 넣는중인데요.
윙배너로 같이 묶어서 불러오고 있거든요.
wing.php로 만들어서 include중이에요
좌측 배너 - 우측배너인데
좌측배너는 position:fixed;로, 스크롤시 같이 내려오게 해주려는것이고
우측배너는 position:absolute;로 스크롤시 안내려오게 해주려고 하고 있어요.
<style>
.wing-wrap { position:relative; overflow:visible !important;}
.wing-wrap img { display:block; max-width:100%; }
.wing-left { position:fixed; top:87px; right:52%; margin-right:562px; width:160px; background:white; }
.wing-right { position:absolute; width:160px; right:-160px; top:0px; }
.boxed .wing-left { left:-180px; }
.boxed .wing-right { right:-180px; }
</style>
<div class="at-container wing-wrap">
<div class="wing-right visible-lg">
화면상 배치고정 우측배너영역
</div>
<div class="wing-left visible-lg">
플로팅형식으로 좌측배너영역
</div>
</div>
문제는 좌측은 잘 나오는데
우측 position:absolute; 로 지정한쪽은 배너가 반이 숨겨들어가고 있어서요..
아래 급조한 그림처럼
혹시..대충 이런상황겪어보신분 계신지요..
둘다 position:fixed;로 하면 문제없이 잘나오는데
z-index나 x y 좌표로 별짓을 다해도, 소용없는거 같아서...어질어질하네요.
position:relative; 쪽에서 뭘 어찌 다르게 설정해야하려나..고민되어서 글 남겨봅니다.
답변을 작성하시기 전에 로그인 해주세요.
