크롬 테이블 레이아웃 : 테이블 너비를 변경 한 후 제대로 작동하지 않는 문제 수정

Question

JavaScript로 스크롤 가능한 div에 여러 테이블을 삽입하려고합니다. 그런 다음 셀에 이미지를 삽입하십시오. 그런 다음 테이블의 너비를 조정하는 함수를 트리거합니다. 모든 테이블에는 테이블 레이아웃이 있습니다. 따라서 FF에서는 모든 것이 정상이지만 크롬은 각 테이블의 첫 번째 셀을 잘못 렌더링합니다. 너비가 잘못되었습니다. 수동으로 CSS 속성 테이블 레이아웃을 전환 할 때 : 개발자 도구에서 고정하면 첫 번째 셀의 너비가 표준으로 변경됩니다. 그래서 나는 어떻게 든이 버그를 없애기 위해 CSS 규칙을 다시 적용해야한다고 생각합니다. 이것을 할 수있는 방법이 있습니까?

이

테이블 '폭을 조정하는 기능입니다 :

function adjustGalleryInnerWidth(){ 
    var containerWidth = jQuery('.container.table').width(), 
     inner = jQuery('#gallery-mod-inner'), 
     tables = inner.find('table');   
    inner.width((containerWidth * tables.length) + 150); 
    tables.width(containerWidth + 14); 
} 

그리고 여기에 테이블 템플릿입니다 :

<div class="container table"> 
    <div id="gallery-mod"> 
     <div id="gallery-mod-inner"> 
      <table> 
       <tr> 
        <td colspan="2" rowspan="2">&nbsp;</td> 
        <td>&nbsp;</td> 
        <td>&nbsp;</td> 
        <td colspan="2">&nbsp;</td> 
        <td>&nbsp;</td> 
       </tr> 
       <tr> 
        <td colspan="2">&nbsp;</td> 
        <td>&nbsp;</td> 
        <td>&nbsp;</td> 
        <td>&nbsp;</td> 
       </tr> 
      </table> 
     </div> 
    </div> 
</div> 

Answer 1

좋아. 테이블 레이아웃을 설정하여 문제를 해결했습니다 : 테이블 너비를 변경 한 후 jQuery의 css 메서드를 통해 수정했습니다. 하지만 CSS 레이아웃에서 테이블 레이아웃을 제거해야했습니다.