전체 창을 채우는 세 개의 열이있는 레이아웃을 만들려고합니다. 중간 열은 페이지의 가운데에 있어야하며 고정 너비 (픽셀이 아니라 백분율) 여야합니다. 왼쪽과 오른쪽 div는 너비가 동일해야하지만 너비는 나머지 창 너비에 따라 다릅니다.고정 폭 센터 3 열 레이아웃을 만드는 방법은 무엇입니까?
<div id="wrapper">
<div id="left">
left content
</div>
<div id="middle">
middle content
</div>
<div id="right">
right content
</div>
</div>
단지 CSS (NO 자바 스크립트)와 레이아웃을 할 수있는 방법이 있나요 : 여기
는 HTML을 무엇입니까? 그렇지 않으면 테이블로 할 수 있습니까?여기는 3 개의 열 레이아웃으로 지금까지 찾은 몇 가지 링크가 있습니다. 나는 필요한 제약 조건을 제시하지 못한다. 당신의 도움에 미리
http://www.dynamicdrive.com/style/layouts/category/C10/
http://matthewjamestaylor.com/blog/perfect-3-column.htm
감사합니다.
편집 : (픽셀 값)
middle.width = 500
left.width = right.width = (window.width <= 500) ? 0 : (window.width - 500)/2;
편집 :
window.onresize = function() {
var width = ((window.innerWidth - 500)/2) + "px";
document.getElementById("right").style.width = width;
document.getElementById("left").style.width = width;
}
이 – Zoidberg