2013-02-01 4 views
0

나는이 단어를 어떻게 말로 표현할 지 모르지만, 어쨌든, 내 웹 사이트 은 다소 이상하게 보입니다. 나는 완벽하게 잘 보았지만, 바닥 글이 페이지의 전체 주요 부분을 차지하고 있었기 때문에 그것을 바 꾸었습니다 (그리고 저는 바닥 글과 주요 부분 사이에 색상 변형을 추가하고 싶었습니다).웹 사이트의 전체 영역을 커버하는 배경색을 얻는 것

그래서 내가 알고 싶은 것은 메인 영역 텍스트 배경색을 탐색 표시 줄에서 바닥 글까지 모든 것을 커버하는 방법입니다 (navbar와 마찬가지로). 픽셀을 사용하는 것으로 변경 하겠지만 변경하려고 결정할 때 많은 추측을 의미하지는 않습니까? 확실히 쉬운 방법이 있습니다! 어떤 도움을

덕분에 제공

코드 :

.mainsection{ 
float:left; 
width: 660px; 
margin:30px; 
background-color:#999; 

} 

.center{ 
background-color:#999; 
} 

HTML :

<div class="center"> 

      <section class="mainsection"> 
       <p>Main Area</p> 
      </section> 

      <aside class="sidenews"> 
       This is the side news 
      </aside> 
     </div> 
+0

해당 URL에 웹 사이트가 없습니다. –

+0

귀하의 사이트에 링크를 게시하지 마십시오. 여기에 관련 코드를 게시하십시오. 너 뭐 해봤 니? –

+0

'body {height : 100 %; width : 100 %;}'와'.center {width : 100 %; height : 100 %; background-color : # 999;}'. – Vucko

답변

1

방법에 대해 :

html { 
    background: #999; 
} 

또는

body { 
    background: #999; 
} 

?

0

시도해보십시오. .center와 같은 모든 기본 페이지에 대해 하나의 새로운 클래스를 만들고이 스타일을 추가하면 이것이 도움이되기를 바랍니다.

body{background:#999;width:100%;height100%;} 
.center{margin:auto; width:960px;} 
0

당신이 사업부의 특정 배경 색상을 원하는 모든 영역에 배치됩니다 시도 할 수 있습니다 또 다른 것은, 다음 DIV의 클래스와 그 클래스의 배경 색상 속성을 할 것을 설정합니다. 이 기능을 사용하려면 나머지 클래스에서 배경색 속성을 제거해야합니다. 중요한 것으로 제어 할 수 있습니다.

관련 문제