브라우저 창 늘림/줄임시 이미지/width값 밀림 현상

왜 이제까지 이걸 몰랐을까....

노트북에서 주로 작업하다보니 창을 축소시킬 일이 많았는데 footer 값이 100%로 잡혀 있는데도 불구하고 창을 줄이고 스크롤을 밀어보는 순간 줄어든 footer 발견.

이게 뭘까..??? 잘못 코딩한건 아무리 뒤져봐도 없는거 같고.....보아하니 100%로 잡혀있는곳에서만 문제가 일어나고 있었다.

찾아보니....브라우저에서 fix를 시키려면 px로 된 width or min-width가 필요했다.

보통은 wrap이 최상위에 자리잡거나 body부분에 이미지나 들어가기때문에 때문에 이런경우가 발생할 일이 거의 없지만....이번 같은 경우 백그라운드 이미지 때문에 헤더나 풋터는 감쌀수가 없었기에 발생한 문제.

네이버 최상위 gnb부분도 줄어드는걸 보고 호홍....

ie7이하 버전에선 min-width가 먹질 않기 때문에 해결 방법이 아직까진 없는듯하다.
자칫하면 놓치기 쉬운 부분인듯...


참고 : http://blog.sitecm.com/08/css-background-color-or-image-horizontal-scroll-fix/