http://lifeto.cafe24.com/xe/board_free

약간 초보적인 질문일 수 있으나, 한가지 궁금점이 생겨 여쭤봅니다.

위 페이지에서 서브페이지에서 왼쪽레이어 (서브메뉴) 에는 float:left 를,

오른쪽에는 float:right 을 주니 저렇게 각각 왼쪽과 오른쪽으로 붙어 버렸습니다.

제가 구현하려고 하는 것은, 환경설정에서 저 두 레이어를 감싸는 레이어인 .main 레이어의 폭을 80%, 100% 수정할 수 있게 만들어,

자동으로 좁아졌다, 늘어났다 하게 만드는 것입니다.

그러니까, 쉽게 말하자면 저 두레이어가 저렇게 떨어져있는 상태가 아닌, 중앙에서 붙어있는 상태에서,

main 레이어 폭 수정만으로 저 두 레이어의 가로 길이를 수정할 수 있게 만드는 것입니다.

서브페이지를 제작하신 경험이 있으신 분 중에서, 이런 건 어떻게 제작하면 좋을지 조언좀 부탁드립니다.

저도 나름대로 float을 없애보고, display:block 으로 해보고 있는데 시행착오가 많네요. 

서브페이지를 제작하신 경험이 있으신 분 중에서, 이런 건 어떻게 제작하면 좋을지 조언좀 부탁드립니다.