2012-11-20 2 views
0

브라우저의 크기를 조정하는 동안 DIV 태그의 offset(). left 값이 특정 위치에서만 1 씩 줄어들고 모든 위치가 아니라고합니다. 이것은 Internet Explorer에만 있습니다. Firefox 및 Chrome은 상수 값을 표시합니다.Internet Explorer에서 jquery offset(). 왼쪽 문제가 발생했습니다.

var initPoint = $('#myMenuDIV').offset().left; 

<div id="myMenuDIV"> 
    <table> 
     <tr> 
      <td><div class="tabName">MenuItem01</div></td> 
      <td><div class="tabName">MenuItem02</div></td> 
      <td><div class="tabName">MenuItem03</div></td> 
      <td><div class="tabName">MenuItem04</div></td> 
     </tr> 
    </table> 
</div> 

.tabName { 
    cursor: pointer; 
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-size: 11px; 
    overflow-x: hidden; 
    overflow-y: hidden; 
    white-space: nowrap; 
    width: 105px; 
}​ 

div에는 왼쪽 여백이 있습니다. 그래서 브라우저의 크기를 조정하면 div가 천천히 왼쪽으로 이동합니다. 파이어 폭스와 크롬에서 움직임은 일정합니다. 인터넷 익스플로러 (Internet Explorer)에서는 약간 오른쪽으로 움직입니다. 그래서 나는 잘못된 가치를 오프셋에서 얻는다. 이것은 IE의 행동입니까?

+0

나는 하나의 행 및 내부 6 열이있는 테이블이 reset.css에 대한 토론이 링크를 참조 & 간격

브라우저의 기본 패딩 데의 문제를 극복 DIV 태그. –

+0

질문에 코드를 포함시키는 것이 더 좋습니다. – VisioN

+1

HTML을 표시하고 가능하면 http://jsfiddle.net과 같은 것을 재현 해보십시오. –

답변

관련 문제