동일한 맨 아래에있는 같은 바닥에있는 열

Question

나는 약간의 도전 인 디자인을 다루고 있습니다.

사이트에는 끈적한 바닥 글이 필요하며 전체, 길이가 같은 열을 사용해야합니다. 백그라운드 이미지로 다른 페이지를 속였지만 왼쪽 열에 헤더가있는 몇 가지 문제가있는 페이지가 있습니다.

머리글에는 배경 이미지가 드러나는 틈이 있으므로 머리글 배경 이미지가 실용적이지 않습니다.

Here is a JSfiddle with a lot of the essential mark up in place. 나는 끈적 끈적한 바닥 글을 포함하고,이 솔루션은 끈적 끈적한 바닥 글과 함께 작동하는 것이 중요합니다 같은 CSS에서 그것을 구분했다.

Answer 1

이 경우 Display:table 속성을 사용할 수 있습니다.

#columns{ 
    width:90%; 
    display:table; 
} 
.column{ 
    border: 1px dotted blue; 
    display:table-cell; 
} 

확인이 http://jsfiddle.net/4rY8h/2/

을하지만 아래 IE7 &에서 작동하지 않을 것 : 다음과 같이 작성합니다.