수다닷컴

안녕하세요... 작업하다 막히는 부분이 있어 여쭙고자 합니다. 꾸벅~

div id=quick_nav class=quick_nav/div
div id=wrap
!-- 헤더 영역 --
div id=header
/div
!-- //헤더 영역 --
!-- 바디 컨테이너 --
div id=container
!-- LNB 영역 --
div class=lnb
좌측메뉴
/div
!-- //LNB 영역 --
!-- 컨텐츠 영역 --
div id=content
!-- 이곳에 컨텐츠 페이지가 들어옵니다. --
/div
!-- //컨텐츠 영역 --
div class=clear/div
/div
!-- //바디 컨테이너 --
!-- 푸터 영역 --
div id=footer
/div
!-- 푸터 영역 --
/div

이렇게 통상적인 좌측메뉴 있는 고정폭 2단 컬럼 레이아웃을 만들었는데요.
전체 레이아웃을 싸는 wrap의 넓이가 1000이고, 가운데 정렬입니다.
그런데 문제가..퀵메뉴가 1000의 넓이로 가운데 정렬된 컨텐츠의 우측에 붙게 되는데요.
퀵메뉴 넓이가 한 200이라고 가정할때요..
사실상 브라우저 사이즈를 줄이면, 퀵메뉴를 브라우저가 먹어도 가로스크롤이 생기지 않고,
컨텐츠 사이즈인 1000 이하로 가로가 줄었을때만 가로 스크롤이 생기게 하고 싶습니다.
이렇게 저렇게min-width 값과 overflow-x 속성을 body애 넣어줘 보기도 했는데, 생각대로 되질 않네요.
조언을 좀 부탁드립니다. 혹은 이렇게 작업된 사이트가 있다면 귀띔 해주셔도 감사하구요.

부탁드립니다. 꾸벅.

신청하기