2009-07-24 7 views
9

나는 클라이언트가 인쇄하고 싶은 웹 페이지를 가지고 있으며, 머리를 감기는 데 문제가있는 부분은 바닥 글이 마지막으로 인쇄 된 페이지의 맨 아래에 놓이게하는 것입니다. 내용이마지막으로 인쇄 된 페이지의 바닥 글

을 종료 바로 그 때 나는

#printfooter{display: block; position:fixed; bottom: 0;} 

처럼 뭔가를 시도했지만 각 페이지의 끝에서 바닥 글을 표시.

아마도 CSS에서 너무 많이 물어 보는 Im ... 가능합니까?

난 그냥 <에 미쳐한다 생각하고 있어요 BR />의 (^_^)

+0

나는 동일한 CSS를 사용하지만 CSS는 Firefox에서만 작동합니다. 같은 문제가 있습니까? – printf

답변

4

시도 상대 및 절대 바닥 글 신체를 위치 : CSS 3 Paged Media module

body { 
    position: relative; 
} 
#printfooter { 
    position: absolute; 
    bottom: 0; 
} 

당신

@page:last { 
    @bottom-center { 
     content: "…"; 
    } 
} 
+3

예! ...하지만 nah ... 첫 번째 페이지는 한 페이지에 좋지만 두 페이지에는 적합하지 않습니다. CSS3는 클라이언트의 클라이언트 (예 : CSS3만큼 멋진 브라우저)에서 지원되지 않을 수 있습니다. 고마워,하지만! – Assembler

+2

첫 번째 예제의 문제점은 'body'가 용지의 높이의 배수 여야한다는 것입니다. 그렇지 않으면 꼬리말은 시트의 끝이 아니라 내용의 끝 부분에 위치하게됩니다. – Gumbo