바닥 글은 크기가 조정 된 창의 오른쪽 가장자리에 맞지 않을 것입니다.

Question

시작하기 전에 저는 HTML에 익숙하지 않고 스스로 가르치고 있습니다. 나는 방금 최근에 시작했고 여전히 배울 점이 많습니다.

내 문제는 간단하지만 아직 해결할 수없는 것 같습니다. 페이지의 나머지 부분은 모두 문제가되지 않습니다. 전체 화면에서 바닥 글은 브라우저 윈도우의 전체 폭 뻗어 :

을하지만 축소 할 때 윈도우의 크기를 수용하지만 창에 중심을하지 않습니다

이를 바닥 글의 스타일 시트에서 사용하는 코드입니다.

div#footer{ 
     background-color: #37184c;       
     padding-bottom: 307px; 
     text-transform: uppercase; 
     text-align: right; 
     } 

940px로 설정된 페이지 줄 바깥쪽에 삽입됩니다.

div#page-wrap{ 
    width: 940px; 
    margin: 0 auto; 
    } 

페이지 줄 바꿈은 바닥 글 위의 모든 내용이 저장되는 곳입니다. 바닥 글이 화면 가장자리까지 계속 늘어날 수있는 방법이 있습니까? 또는 # page-wrap을 제거하고 다른 방식으로 내용의 중심을 맞추어야합니까?

Answer 1

바닥 글로 팔로우를 들어 귀하의 CSS : 그것은 또한 당신의 pagewrap 폭과 일치하도록 바닥 글 설정 때문에

#footerwrapper {  
width:100%; 
padding-bottom: 307px; 
text-transform: uppercase; 
text-align: right; 
} 
#footercontent{ 
margin-left:auto; 
margin-right:auto; 
width:940px; 
} 

<!--HTML MARK-UP--> 
<div id="footer"> 
<div id="footercontent"> 
<div>Your Footer info</div> 
</div> 
</div> 

이 대단한 : 940px를; 모든 콘텐츠 센터를 페이지 랩으로 유지합니다. 희망이 도움이됩니다.

Answer 2

바닥 글 div에서 너비 : 100 %를 시도 할 수 있지만 더 많은 코드가 표시되지 않으면 완전히 진단하기 어렵습니다.

서식 지정/레이아웃 조정에 어려움을 줄 수있는 브라우저에서 설정 한 기본값을 제거하는 CSS 재설정 사용을 고려해보십시오.

http://www.cssreset.com/what-is-a-css-reset/

Answer 3

도움을 주신 모든 분들께 감사드립니다.

이

div#page-wrap{ 
    width:940px; 
    margin: 0 auto; 
} 

그것은 너무 본질적으로 전혀 동적이다 : 나는 문제가 주요 내용 영역은 고정 있다는 사실에 기인 생각

div#footer{ 
     margin: 0 auto; 
     background-color: #37184c;       
     min-width: 980px; 
     padding-bottom: 307px; 
     text-transform: uppercase; 
     text-align: right; 
     } 

: 사실 지금 해결책을했다 IT는 가장자리에서 매달려 있었던 것이었다. 바닥 글의 최소 너비를 설정하면 이러한 흠집이 발생하지 않고 창의 가장자리를 만날 수 있습니다.

도움을 다시 한번 감사드립니다!