푸터 색상관련 질문 드립니다.

푸터 색상관련 질문 드립니다.

QA

푸터 색상관련 질문 드립니다.

답변 3

본문

237691878_1686897414.9025.jpg

 

237691878_1686897613.983.jpg


.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    background-color: #3b3e4b;
    padding: 60px 0 0;
    z-index: 1000;
}
 
.my-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 25%;
    padding: 10px;
    background-color: #3b3e4b;
    color: #3b3e4b;
}
 
.my-footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 10px;
  background-color: #3b3e4b;
  color: white;
}

 

왼쪽 사이드 바와 똑 같은 색상의 #3b3e4b 사용 햇지만 푸터부분과 오른쪽 사이드 부분이 연하게 나오는 문제가 있습니다

 

원래는 푸터를 오른쪽 사용하려다가 위에 문제 때문에 사이드를 하나더 만들어서 오른쪽에 추가한건데..

 

같은 문제가 발생하니....어떻게 해야 할지 모르겟네요

 

혼자 어찌 해보려다가 도저히 답이 안나와서 질문드립니다. ㅠ

 

 

이 질문에 댓글 쓰기 :

답변 3

첨부된 코드로 구성했을때 해당 증상은 없는것 같습니다.

다른코드에 추가 정의된 곳이 있어서 스타일이 오버라이딩 된다던가

스크립트에서 동적으로 컨트롤 하고 있는곳은 없는지 확인이 필요할것 같습니다.


<!DOCTYPE html>
<html>
<head>
<style>
.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    background-color: #3b3e4b;
    padding: 60px 0 0;
    z-index: 1000;
}
 
.my-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 25%;
    padding: 10px;
    background-color: #3b3e4b;
    color: #3b3e4b;
}
 
.my-footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 10px;
  background-color: #3b3e4b;
  color: white;
}
</style>
</head>
<body>
    <div class="sidebar"></div>
    <div class="my-sidebar"></div>
    <div class="my-footer"></div>
</body>
</html>
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 68
© SIRSOFT
현재 페이지 제일 처음으로