[HTML 쉽게 이해하기 강좌] 2단 레이아웃 한 방에 만들기

2단 레이아웃 만들기 이전에는 다단 레이아웃은 테이블로 작업하는 것이 보통이었습니다. 하지만 테이블로 작업해 놓은 레이아웃은 잘못 수정하면 레이아웃이 깨지는 현상이 발생했죠. 물론 수정작업조차 쉽지 않았습니다. 소스가 길고 복잡했기 때문이죠. 그래서 우리는 CSS를 이용해서 HTML코드와 CSS코드를 분리하는 즉, 내용과 디자인을 분리해서 다단 레이아웃을 만들어 보도록 하겠습니다. 2단 레이아웃 만들어 보기 여기서는 테이블로 2단 레이아웃을 만들지 않고 태그를 이용해 2단 레이아웃을 만들어 보도록 하겠습니다. 2단 레이아웃의 HTML 코드는 아래와 같이 간단합니다. 헤더 영역 내용 사이드바는 빨강색으로 표시했습니다. 사이드바 사이드바는 파랑색으로 표시했습니다. 푸터 위의 소스는 헤더, 컨텐트, 사이드바,..
IT 이야기/프로그래밍 2011. 7. 4. 22:30
1