이 div를 위로 출력하는게 가능할까요?

이 div를 위로 출력하는게 가능할까요?

QA

이 div를 위로 출력하는게 가능할까요?

본문

아래와 같이 사이드메뉴와 푸터가 있습니다.

근데 사이드 메뉴가 bottom: 0;이라 화면 전체를 가려서 페이지 하단부에 오면

푸터까지 가려버립니다.

그렇다고 푸터 높이만큼 bottom 속성을 올리면 그것도 이상하고

z-index 속성을 이용해서 푸터가 사이드 위에 보이게 하고싶은데 제가 잘 못하는건지

안되더군요. 푸터를 최상위로 띄울려면 어떻게 해야하나요?

 


.side{
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
}
 
.footer {
	background-color: #000;
	text-align: center;
	min-height: 75px;
	line-height: 75px;
    z-index: 1000;
}

이 질문에 댓글 쓰기 :

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

회원로그인

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