윙배너 css 에서 position:absolute; 오류가 있어서 질문드려요.

윙배너 css 에서 position:absolute; 오류가 있어서 질문드려요. 채택완료

헛둘헛둘 3년 전 조회 1,805

홈페이지 좌우에 배너를 넣는중인데요.

윙배너로 같이 묶어서 불러오고 있거든요.

wing.php로 만들어서 include중이에요

좌측 배너 - 우측배너인데

좌측배너는 position:fixed;로, 스크롤시 같이 내려오게 해주려는것이고

우측배너는 position:absolute;로 스크롤시 안내려오게 해주려고 하고 있어요.

</p>

<p><style></p>

<p>    .wing-wrap { position:relative; overflow:visible !important;}

    .wing-wrap img { display:block; max-width:100%; }</p>

<p>    .wing-left {  position:fixed; top:87px; right:52%; margin-right:562px; width:160px;  background:white; }</p>

<p>    .wing-right {  position:absolute; width:160px; right:-160px; top:0px;   }</p>

<p>    .boxed .wing-left { left:-180px; }

    .boxed .wing-right { right:-180px; }</p>

<p></style></p>

<p>

<div class="at-container wing-wrap"></p>

<p><div class="wing-right visible-lg">

화면상 배치고정 우측배너영역

</div></p>

<p><div class="wing-left visible-lg">

플로팅형식으로 좌측배너영역

</div></p>

<p></div></p>

<p>

문제는 좌측은 잘 나오는데

우측 position:absolute; 로 지정한쪽은 배너가 반이 숨겨들어가고 있어서요..

아래 급조한 그림처럼

혹시..대충 이런상황겪어보신분 계신지요..

둘다 position:fixed;로 하면 문제없이 잘나오는데

z-index나 x y 좌표로 별짓을 다해도, 소용없는거 같아서...어질어질하네요.

position:relative; 쪽에서 뭘 어찌 다르게 설정해야하려나..고민되어서 글 남겨봅니다.

윙배너 css 에서 position:absolute; 오류가 있어서 질문드려요. 채택완료

답변 1개

답변에 대한 댓글 1개

윙배너 css 에서 position:absolute; 오류가 있어서 질문드려요. 채택완료

답변 1개

답변에 대한 댓글 1개

공유하기