CSS 3 열 레이아웃

다음 레이아웃을 수행하는 가장 좋은 방법을 찾고 있습니다. 다양한 크기의 머리글과 바닥 글을 수용 할 필요가 있습니다. 그 중 나는 통제 할 수 없습니다. 이 두 요소 사이에 고정 된 세 개의 열 레이아웃을 설정해야합니다. 전체 레이아웃은 항상 가로 모드에서 하나의 표준 페이지에 인쇄해야합니다. 머리말/꼬리말을 허용 할 필요가 없다면 고정 레이아웃을 사용할 수 있다는 것을 알았지 만 할 수는 없습니다. 레이아웃 할 필요 :CSS 3 열 레이아웃

세 고정 폭 컬럼
가변 높이 글

추신 가변 높이 헤더
DIV 죄송합니다, 아직 그래픽으로 여기 :(이를 표시하는 적절한 방법을 모르는

출처

2011-04-28 earachefl

그들이 여기에서하는 것처럼 뭔가요? http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/ 또는 http://matthewjamestaylor.com/blog/perfect-3-column.htm –

이 2 개의 기사를보십시오 ... - http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm - http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks 첫 번째 기사에서는 세 개의 열을 설정하는 방법에 대해 설명하고 두 번째는 고유 한 배경색을 갖는 것에 관심이있는 경우 세 개의 열을 설정하는 방법을 설명합니다. 이게 도움이 되길 바란다. Hristo – Hristo

텍스트가 치료를 위해, 세 개의 열로 나누어 가지고 찾고 있다면, 당신은 CSS3의 열 시도 할 수 :

이 그러나, 이전 버전의 브라우저에서 지원되지 않습니다.

출처

2011-04-28 18:41:45 Mario

당신이 방법을 제어하려면 R 페이지가 인쇄이처럼 @page 규칙을 사용 : @page에

<html> 
    <head> 
     <style type="text/css"> 
      @page 
      { 
       size:portrait; 
       margin:1in; 
      } 
     </style> 
    </head> 
    <body>...</body> 
</html>

더 많은 정보는 W3C의 CSS 2 spec에서 찾을 수 있습니다.

출처

2011-04-28 19:40:15

CSS 3 열 레이아웃

답변

관련 문제