처음 CSS 레이어 레이아웃을 구성할 때 무척이나 고생했다.
고생한 이유는 테이블 레이아웃에 대한 고정관념으로 인해 레이어 레이아웃에 대한
개념을 잡지 못했기에 생긴 문제라고 생각된다.
때문에 레이어 레이아웃을 시작하시는 분들은 기존 테이블 레이아웃의 개념을 바꾸시길 바란다.
단, 아래에 설명할 레이어 레이아웃에 대한 개념은 나 혼자 나름대로 정의내린 것이므로
주의를 요한다. ㅡㅅㅡ;





위의 그림은 기존 테이블 방식의 구조이다.
그물같이 테이블을 짜고 그 짜여진 틀 안에 컨텐츠를 넣는 방식이다.
td의 cols, rows 에트리뷰트 값을 신경써야 하고 컨텐츠들이 모두 엮여 있어 개별적이지 못해
하나의 컨텐츠가 다른 컨텐츠의 배치에 큰 영향을 미치며 위치이동에 큰 제약을 받게된다.
±1px 같은 세세한 배치는 포기하는 것이 정신건강에 좋다.





위의 그림은 레이어 레이아웃에 대한 개념이다.
기존 테이블 레이아웃 처럼 테이블을 짜고 그 틀에 넣는 것과 달리 레이어로 둘러싼 컨텐츠를
얹어놓는 것이라 생각하고 레이아웃을 구성하면 된다.

개념 설명 끝! (아싸! 돌 피하자! ㅡㅡ;)

돌을 던지기 전에 한번 생각해보기 바란다.
단순한 것 같지만 개념을 바꾼다는 것은 정말로 어렵다.
기존 테이블 레이아웃에 대한 개념을 버리고 레이어 레이아웃에 대한 개념을 잡게된다면
당신은 테이블로는 불가능해 보이는 레이아웃도 가능해지며 무한한 자유도의 레이아웃을
구성할 수 있게 될 것이다. ㅡㅡ)b