CSS 배경 및 몸체 높이 100 %

내 배경 이미지가 내 콘텐츠 전체를 확장하는 데 문제가 있습니다.CSS 배경 및 몸체 높이 100 %

나는 다른 질문을 보았고 각 컨테이너에 최소 너비 100 %를 설정해야한다고 생각했지만 모든 조합을 시도했지만 여전히 작동하지 않았습니다. 여기

내 HTML입니다 :

<body> 
<div id="container"> 

    <div id="header"> 
       header content...    
    </div> 
    <div id="content"> 

     <div id="myAccountArea" class="section"> 
      accountArea content... 
     </div> 

     <div id="myPostsArea" class="section"> 
     postsArea content... 
     </div> 

    </div> 
    <div id="footer"> 
    </div> 
</div>

CSS :

html, body { 
    margin: 0; 
    padding: 0; 
    height:100% 
} 

body { 
    background: red; 
} 

#container { 
    padding-top: 80px; 
    margin-left: auto; 
    margin-right: auto; 
    width: 1000px; 
    min-width: 1000px; 
} 

#content { 
    min-width:1000px; 
}

오전 데 문제는 postsArea 내용은 일반적으로 브라우저의 창보다 더 걸쳐하지만 것입니다 배경 하지 않습니다.

감사

편집

좋아, 그래서 작업 ... reset.css 파일에 해당 파일에 문제를 발견에 대한 것에 모든 팁을 좁혀?

감사합니다.

출처

2011-07-03 AlexBrand

문제가 보이는 곳으로 데모 페이지가 있습니까? 이 문제가 플로팅 된 div에서 발생할 수 있다는 느낌이 들지만 실제 페이지를 볼 수 없다면 말하기는 어렵습니다. –

당신이 찾고있는 것은 [overflow fix] (http://css-tricks.com/795-all-about-floats/) 또는 [sticky footer] (http://www.cssstickyfooter.com/)입니다.). 내가 맞습니까? –

귀하의 질문에 확실하게 * 답할만한 정보가 충분하지 않습니다. 나는 추측을 할 수는 있지만, 그것은 우리 모두에게 비생산적인 것처럼 보입니다. 라이브 페이지 또는 [jsFiddle] (http://jsfiddle.net/)/[JS Bin] (http://jsbin.com/) 데모 링크를 제공하십시오. – thirtydot

좋아, 그래서 리셋 스타일 시트보고 후,이 발견이 라인을 주석

html { 
    background:#FFF 
}

모든 것이 모든 도움 :

고마워요 괜찮을 것을

출처

2011-07-03 14:06:50 AlexBrand

어림없는 리셋은 어떤 것을 포함하고 있습니까? – thirtydot

Yahoo 's version 3.3.0 ... – AlexBrand

CSS 배경 및 몸체 높이 100 %

답변

관련 문제