다양한 HTML/CSS 문제

나는 사이트에서 작업하고 있으며 거의 완료되었습니다.
페이지의 맨 아래에 언덕이 있습니다. 현재 작업 중입니다. 언덕 아래쪽에서 바닥 글을 얻으려고하지만 뷰포트 하단에 있습니다. 저는 보통 position: absolute; bottom: 0;을 사용하고 있습니다.
주제가 주요 문제입니다. 또한 텍스트를 읽기가 어렵 기 때문에 텍스트가 언덕을 넘지 않도록하고 싶습니다. 이 작업을 수행 할 수있는 유일한 방법은 바닥 글을 더 크게 만들거나 바닥 글과 기본 테스트 영역 사이에 필러를 배치하는 것입니다.
나는이 모든 것을 작동시킬 수는 있지만, 그들 만의 것은 아니다.
많은 코드가 있으므로 특정 코드를 게시하지 마십시오. www.helpusplan.co.uk을 방문하는 데 도움이 될 수 있습니다.
도움을 주셔서 감사합니다.다양한 HTML/CSS 문제

출처

2011-09-18 Joseph Duffy

* 많은 pseicifc 코드를 게시 할 예정입니다. 특정 질문을 게시하고 관련 코드/마크 업/스타일 시트를 포함하십시오. ** 내가 뭘하는지 모르겠다. 내 문제를 고쳐주세요. ** 정당한 질문이 아닙니다. –

문서의 body에 언덕 이미지가 첨부되어 있다는 것이 확실합니다. 대신 footer에 붙이십시오 (내 말은, 이미 이미지 이름은 footer.png 임). 바닥 글 div의 상단을 기준으로 relative에 위치하는 하위 div에 모든 바닥 글 텍스트를 배치하십시오. 바닥 글 div의 높이는 배경 이미지의 높이보다 작아서는 안됩니다.

같은 뭔가 :

<div id="footer"> 
    <!-- hills bg image is attached here by CSS --> 
    <div id="footer_content"> 
    blah blah blah 
    </div> 
</div>

및

#footer { 
    min-height:387px; 
    background: url(image_URL) no-repeat; 
} 

div#footer_content { 
    position:relative; 
    top: 100px; 
}

아, 그리고 천국을 위하여. 바닥 글 position: absolute하지 마세요. 그건 그냥 미친 짓이야.

출처

2011-09-18 20:48:30

답장을 보내 주신 데 대해 감사 드리며 입력 사항을 처리하는 데 "적절한"방법에 익숙해 져 있습니다. 오류를 표시해 주셔서 감사합니다. 바닥 글에 이미지가 있었지만 바닥에 바닥 글을 유지하는 것이 문제였습니다. 이 방법은 작은 해상도에서 작동하지만 페이지의 내용이 거의없는 경우 페이지가보기 포트를 채우지 않습니다 (또는 적어도 언덕은 페이지 하단에 있지 않습니다). 나는 다시 한번 바이올린을 가질 것이다. 지금은 의견을 보내 주셔서 감사합니다! –

콘텐츠가 거의없는 많은 페이지를 계획하고 계십니까? 프린지 케이스를 위해서가 아니라 고기와 감자를 위해 디자인해야한다고 생각합니다. 또한, 내가 정말로 당신을 도왔다면, 제 대답을 upvote하십시오. –

body{ 
    position: relative; 
    min-height: 700px; 
    height: 100%; 
}

작품입니다.

출처

2011-09-18 20:53:27 NiematojakTomasz

다양한 HTML/CSS 문제

답변

관련 문제