바닥 글 센터링 도움말

나는 믿는 아주 간단한 질문이 있습니다. 나는 내 메인 페이지와 모든 서브 페이지에 footer.php를 두어 쉽게 한 곳에서 바닥 글을 바꿀 수있다. 그리고 브라우저 창 크기에 관계없이 고정 폭의 중심에 바닥 글이 유지되도록하려고합니다. 예를 들어, 페이지의 너비가 950 픽셀이고 바닥 글이 항상 가운데에 있어야하므로 크기를 브라우저의 크기보다 작게 조정하더라도 크기가 조정 된 창으로 이동하지 않고 단순히 바닥 글을 덮어 씁니다. apple.coms 바닥 글과 매우 비슷합니다. 바닥 글 센터링 도움말

는 단순히 width: 950px 및 margin-left:auto; margin-right:auto;을 설정 당신의 도움이

출처

2011-09-12 Chris G

새내기에 대한 설명이 잘되어 있습니다. +1 : – Akos

#footer-container { 
    /* centering for IE */ 
    text-align: center; 
} 
#footer { 
    width: 950px; 
    /* undo text-align on container */ 
    text-align: left; 
    /* centering for other browsers */ 
    margin: auto; 
}

편집 : I didn를하기 때문에 내가 그들을 다른 솔루션의 일부에이 댓글을 가하고, 삭제되었습니다 ' 그 (것)들 전부에 사본 또는 풀칠하고 싶지 않다. margin: auto은 이전 버전의 IE에서는 작동하지 않으므로, 바닥 글을 가운데에 정렬하려면이 중 하나와 같이 일부 중첩 작업을 수행해야합니다.

HTML & PHP :

출처

2011-09-12 17:08:12 jmar777

공정한 경고 그것은 IE6를 지원하지 않는다. IE6을 지원할 때마다 신이 강아지를 죽인다. –

사실일지도 모르지만 IE6을 지원하지 않을 때마다 내 상사가 두 마리의 강아지를 죽인다. : \ – jmar777

굉장한, 모든 빠른 팁에 감사드립니다. 완벽하게 일했습니다. 호기심, 어떻게이 같은 맥락에서 그냥 텍스트 대신 이미지 중심에 갈 것인가? –

주셔서 감사합니다.

왼쪽/오른쪽 여백을 auto으로 설정하면 <div>이 중앙에 배치됩니다. 브라우저의 크기가 스크롤이 필요한 지점까지 내려 가면 브라우저는 <div>을 축소하지 않으며 콘텐츠에 필요한 좌/우 스크롤 만 있으면됩니다.

출처

2011-09-12 17:06:26 Brad

당신은 그냥 줄 다음 바닥 글의 width을 설정하고 필요가 margin:0 auto 곳 0 상단과 하단 여백에 대한 스탠드 및 auto은 왼쪽과 오른쪽입니다.

<div id="footer-container"> 
    <div id="footer"> 
     Footer stuff 
    </div> 
</div>

그리고 당신의 CSS에서 : 마크 업에서

출처

2011-09-12 17:06:53

난 당신이 CSS의 조금으로 그것을 해결할 수 있다고 생각

<div id="footer"> 
<?php include("footer.php"); ?> 
</div>

CSS :이 도움이

#footer { 
margin: 0 auto; 
text-align: center; 
}

희망! :)

출처

2011-09-12 17:08:29 Akos

바닥 글 센터링 도움말

답변

관련 문제