min-width 오류

div 코딩시 전체 감싸는 div를 100%로 하였을때 브라우저의 크기를 줄인 다음 스크롤로 이동하였을때 배경이 사라지는 경우가 있습니다. 

문제점 : 브라우저의 보이는 부분을 100%로 인식하여 보여주는 것

 

1. min-width:980px;

파이어폭스나 사파리, ie8에서는 최소 가로 사이즈를 직접 지정해주면서 간단(?)하게 오류를 막을 수 있습니다.

#wrap {min-width:980px;}

 

썩을 ie 낮은버전에선 min-width 를 인식하지 못하므로, 핵으로 해결.

#wrap {width:100%; _width:expression!(parseInt(document.body.ffsetWidth) > 900 ? "100%" : document.body.offsetWidth);}

 

2. table width="100%"

table에 width를 100%로 주어서 전체를 감싸면 오류를 막을 수 있다.

<table width="100%">

 

 

덧_추가

네이버에서 찾은 스크립트 사용방법(공부하자.)

 

if(navigator.userAgent.indexOf("MSIE 6")>0 && navigator.userAgent.indexOf("MSIE 7")<0){

    var objbody = document.body;

    var objWrap = document.getElementById("wap");

    window.onload = function(){
        if (objbody.offsetWidth > 900){
            objWrap.style.width = "100%"
        } else {
            objWrap.style.width = objbody.offsetWidth;
        }

    }

    window.onresize = function(){
        if (document.body.offsetWidth > 900){
            objWrap.style.width = "100%"
        } else {
            objWrap.style.width = objbody.offsetWidth;
        }
    }
 }

 

 

[출처] div 배경짤림 현상(100%인식오류)|작성자 JiNu

 

 

 

*또는 container나 오른쪽 컨텐츠영역 div박스에 width:100%를 넣은게 있는지 확인 해보기.