페이지 배경 및 본문 배경이 표시되지 않습니다.

Question

이 사이트에서 작업하고 있습니다 : http://www.problemio.com 및 전체 배경과 본문 배경을 설정하려고합니다.

왼쪽과 오른쪽의 영역을 파란색으로, 몸의 배경을 회색으로 설정하려고합니다.

대신에 어떤 일이 일어나는 것은 머리글이 모두 회색 인 것을 제외하고는 모두 파란색입니다.

내 CSS 파일은 여기 http://www.problemio.com/main.css

어떻게 내가 의도 한대로 색상이 작동받을 수 있나요? 또한, 나는 지금은 비교적 좋아 보인다 생각으로 회색 배경으로 가기 영역을 유지 상관 없어.

Answer 1

@genadinik;

첫 번째 문제는 container 사업부는 아이의 height가 clear 에 얼마나 그래서 div의 전체를 고려하지 않은 것입니다. 둘째, 당신이 그것을

.container{ 
    overflow:hidden; 
    width:1000px; 
    margin: 0 auto; 
} 

Answer 2

페이지의 기본 색상은 파란색입니다 : 당신이 당신의 주요 내용을 포함하는 ID bd와 사업부를 가지고있는 것처럼

body { 
    background-color : #4dbefa; 
} 

것 같습니다. 이 div의 배경색을 지정하지 않았으므로 효과적으로 투명 해지며 배경 뒤에있는 배경을 보게됩니다. 색상을 다르게하려면이 div의 배경색을 재정의해야합니다.

div#bd { 
     background-color: #ccc; /* some form of gray */ 
}