2013-10-17 3 views
1

아래로 스크롤하려고하면 IE8 화면이 깜박입니다. 그것은 Mozila와 크롬에서 잘 작동합니다. IE에서만 깜박입니다. 내 JSP 구조입니다.스크롤하는 동안 IE 화면이 깜박임

<body> 
    <div id="pContainer"> 
     <div id="gContainer" class="gFix"> 
      <table...> 
       <tr class="header"> 
        <td....> 
         ... 
        </td> 
       </tr> 
       <tr class="bContent"..> 
        <td> 
        ... 
       <tr> 
        ... 
       </tr> 
       ... 
      </table> 
     </div> 
    </div> 
    <div class="wContent"> 
     <table id="container"...> 
     ... 
     </table> 
     <div id="lghtbtn"></div> 
    </div> 
</body> 

CSS

html, body { 
    margin-top: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    padding: 0; 
    background-color: #fefefe; 
    font-size: 13px; 
    font-style: normal; 
    font-weight: normal; 
    font-family: Verdana, "Trebuchet MS", Arial, sans-serif; 
} 

#pContainer { 
    width: 100%; 
    height: 100%; 
    margin: 0 auto; 
    position: static; 
} 

#gContainer { 
    width: 1002px; 
    float: inherit; 
    margin: 0 auto; 
    position: inherit; 
    max-width: 1024px; 
} 

.container { 
    height:80px; 
    overflow:scroll; 
    border:1px solid #CCC; 
} 

#bContent { 
    top: 111px; 
    left: 0px; 
    width: 97%; 
    clear: both; 
    float: inherit; 
    margin: 0 auto; 
    display: block; 
    position: inherit; 
    min-height: 481px; 
    /*background-color: #efefef;*/ 
} 

pContainer는 전체 페이지입니다. gContainer는 머리글, 필드 격자가있는 본문 내용이 들어있는 본문 부분입니다. 위치 지정을 시도했습니다. 여러 div에 고정되었습니다. 그러나 그 일을한다면 내용은 왼쪽으로 간다. 어떤 도움이 필요합니까?

+0

'jquery'' javascript' 및'jquery-ui'로 태그를 추가 한 이유가 있습니까? 귀하의 예제 코드에 포함되어 있지 않습니다. 또한이 문제는 문제의 실제 예제를 보지 않고서는 이상적으로 해결하기가 거의 불가능할 것입니다. –

+0

왜이 질문에 태그를 지정하지 않았습니까? html 및 css로 보내주십시오. 그것이 그곳에서 사용 된 유일한 물건이기 때문입니다. –

답변

0

코드가 불완전합니다. 끝 태그가없는 <table id="container"...>입니다. 코드에서 갑자기 html 구성 요소의 높이 또는 너비가 변경 될 수 있습니다.

관련 문제