숨김(hide)및 하단 메뉴를 고정하려고 하는데요

숨김(hide)및 하단 메뉴를 고정하려고 하는데요

QA

숨김(hide)및 하단 메뉴를 고정하려고 하는데요

본문

2042512796_1520990792.2956.jpg

 

Member Benefit 부분을 숨김처리하고

밑에 회사소개/개인정보취금방침 등 메뉴를 그 자리에 고정하려고하는데요 어떻게 해야하나요?

참지식인 분들의 고견 부탁드립니다ㅠ

 

footer .memberBenefit { width: 100%; height: 300px; background-color: #fafafa; text-align: center; }
footer .memberBenefit .wrap { width: 1272px; }
footer .memberBenefit .wrap .title { padding-top: 35px; }
footer .memberBenefit .wrap .contents { display: inline-block; margin-top: 30px; }
footer .memberBenefit .wrap .contents .item { margin: 0 34px; }

footer .footerBg { position: absolute; left: 0px; top: 300px; width: 100%; height: 40px; background-color: #333; } -> 하단 메뉴영역

 

 

 

 

 

 

이 질문에 댓글 쓰기 :

답변 2

이렇게요?


footer .memberBenefit { display:none;} //속성 추가
footer .footerBg { top: 0px;} //속성 변경

헷갈리실까봐 그대로 넣어드려요.


// 변경전 footer .memberBenefit { width: 100%; height: 300px; background-color: #fafafa; text-align: center; }
footer .memberBenefit { width: 100%; height: 300px; background-color: #fafafa; text-align: center; display:none;} 
footer .memberBenefit { width: 100%; height: 300px; background-color: #fafafa; text-align: center; }
 footer .memberBenefit .wrap { width: 1272px; }
 footer .memberBenefit .wrap .title { padding-top: 35px; }
 footer .memberBenefit .wrap .contents { display: inline-block; margin-top: 30px; }
 footer .memberBenefit .wrap .contents .item { margin: 0 34px; }

// 변경전 footer .footerBg { position: absolute; left: 0px; top: 300px; width: 100%; height: 40px; background-color: #333; }
footer .footerBg { position: absolute; left: 0px; top: 0px; width: 100%; height: 40px; background-color: #333; }

와~알려주신대로 적용했더니 바로 해결됬어요~ㅎ

친절하고 상세한 답변 너무너무 감사드립니다!

기분 좋은 하루 되세요~! ^^

답변을 작성하시기 전에 로그인 해주세요.
전체 9
QA 내용 검색
filter #hide ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT