레이아웃에 해당 컨테이너가 끝날 때까지 사업부의 내용을 확장하기 : http://www.html.it/articoli/1688/template/photoshop-xhtml-css.html문제는 내가 CSS3 사용이 작업 템플릿의 개인 버전을 개발하기 위해 노력하고
을 그리고 이것은 이전 템플릿의 내 버전입니다 : http://onofri.org/example/WebTemplate/
두 개의 템플릿은 구조와 CSS 설정에서 매우 비슷합니다 (Photoshop에서 다시 작성했는데 그림자와 CSS3를 사용하여 동일한 HTML \ CSS 구조를 사용했습니다. 일부 litle 변경)
당신이 볼 수 있듯이 나는 약간의 문제가있다. 마지막 파란색 상자 (#c div)가 #container div의 끝에 수직으로 확장되지 않으므로 바닥 글 배경이 일치하지 않습니다.
이상한 것은이 문제가 사라질 것입니다 및 CTRL +와 CTRL와 브라우저 배율을 변경 나타납니다 -
내가 찾은 (그러나 이것은 올바른 해결책이 아니다) 유일한 "솔루션"이다 내 sidebare의 ** # div의 최소 높이 * 속성 값을 늘리십시오. 예를 들어이 값을 원래 234px에서 334px로 늘리면 제대로 작동하는 것 같습니다.
그러나 페이지의 콘텐츠 변경 내용이 변경되면이 문제가 다시 발생하기 때문에 이는 실제 솔루션이 아닙니다.
원래 레이아웃과 구조가 거의 같아서 이상하게 보입니다.
이 문제의 원인은 무엇입니까? 어떻게 해결할 수 있습니까? #c div의 높이를 컨테이너 끝까지 확장하려면 어떻게해야합니까?
일반적인 다중 열 레이아웃 문제. 해결책 중 하나는 메뉴의 부모 컨테이너에 대한 배경 이미지/색상을 만들어 시각적으로 메뉴를 더 길게 만드는 것입니다. 다음은 2 열 레이아웃에 대한 유용한 자습서입니다. http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/ – LeZuse