2011-01-13 4 views
0

나는 내용 랩 (다른 모든 것은 들어 있음) 밖에서 꼬리말 랩을 만들었습니다. 페이지의 너비를 채우기 위해 꼬리말 꼬리말을 만들고 싶습니다. 하단에 고정시키고 싶습니다. 여기에 코드입니다 :꼬리표를 페이지 너비까지 늘이기

footerWrap {

background-color:#000; 
width: auto; 

}

바닥 글 {

margin: auto; 
text-align:center; 
width:965px; 
height:150px; 
background-color:#000; 
border:#000 inset medium; 

}

웹 사이트입니다 item9andthemadhatters.com 당신이 어떤 필요하면 알려 주시기 바랍니다 다른 코드 또는 정보. 감사!!

갱신 :

HTML { 패딩 : 0; 신장 : 100 %; 너비 : 100 %; }

본문 { 여백 : -1px 0 0 0; background-color : #FFF; font-family : calibri; background-image : url (images/item9HeaderSideFiller.gif); background-repeat : repeat-x; 패딩 : 0; 신장 : 100 %; 너비 : 100 %; }

랩 {

width: 965px; 
margin:auto auto; 
min-height:462px; 
max-height:4000 

PX;

footerWrap {

background-color:#000; 
position:absolute; 
bottom:0; 
width:100% 

}

바닥 글 {

margin: auto; 
text-align:center; 
width:965px; 
height:150px; 
background-color:#000; 

}

}

+0

#footerWrap { \t 배경색 : # 000; \t 직위 : 절대; \t 하단 : 0; \t 폭 : 100 % \t } 의 #footer { \t 마진 : 자동; \t 텍스트 정렬 : 가운데; \t 너비 : 965px; \t 높이 : 150px; \t background-color : # 000; } – hawkeye126

+0

html { \t 패딩 : 0; \t 높이 : 100 %; \t 너비 : 100 %; } 본문 { \t 여백 : -1px 0 0 0; \t background-color : #FFF; \t font-family : calibri; \t background-image : url (images/item9HeaderSideFiller.gif); \t background-repeat : repeat-x; \t 패딩 : 0; \t 높이 : 100 %; \t 너비 : 100 %; } #wrap { \t 너비 : 965px; \t 여백 : 자동 자동; \t 최소 높이 : 462px; \t 최대 높이 : 4000px; } – hawkeye126

답변

1

페이지

를 입력하려면
width:100% 

해결책은 모두 몸에 당신이

padding:0 
height:100%; 
+0

도움을 주셔서 감사합니다! 이것은 작동하지 않았다. 나는 더 많은 코드를 게시 할 것이다. – hawkeye126

+0

@ hawkeye126, 귀하의 웹 사이트를 확인했습니다. 꼬리말은 포장 안에 있습니다! 당신은 신체 요소의 직접적인 자녀로 배치해야합니다 – stecb

+0

도움을 주셔서 감사합니다. 늘어나는만큼 랩 div 후 footer 랩 div 말할 수 있습니다. 그렇지 않다면 방금 더 새로운 코드를 업로드했습니다. 신체 요소의 직접적인 자식으로 배치하려면 어떻게해야합니까? 도와 주셔서 다시 한번 감사드립니다. – hawkeye126

0

이 footerWrap에 width:100%을 시도 설정해야 html로하는 것이

position:absolute; 
bottom:0; 

통지 할 수있는 페이지의 하단에 머물합니다. 또한 하단에 고정하여 무엇을 의미합니까? 스크롤 할 때도 바닥 글이 항상 화면 하단에 있어야한다는 의미입니까? 아니면 항상 페이지 하단에 있어야한다는 뜻입니까?

+0

그 아래에 항상 있어야하므로 브라우저 윈도우와의 사이에 공백이 없어야합니다. 너비를 100 %로 변경하려고 시도했지만 그렇지 않았습니다. 내 질문을 편집하고 더 많은 코드를 게시하겠습니다. 도와 주셔서 감사합니다! – hawkeye126

+0

휴대 전화를 잡아라! 이제 작동합니다. 모두 도움을 주셔서 감사합니다! – hawkeye126