Webkit은 테이블의 고정 폭을 계속 변경합니다

Question

우리는 전체 웹 사이트를 다시 진행하는 중입니다. 현재 웹 사이트는 7 살이지만 Webkit 기반 브라우저 (Chrome 및 Safari)에만 나타나는 CSS 버그가있는 것으로 보입니다. 새 사이트가 준비되기까지 어느 정도 시간이 걸릴 수 있으므로 버그를 수정하고 싶습니다.

우리는 고정 폭 테이블이 :

<table width="1000" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"> 
    <tr> 
     <td class="left" width="200" valign="top"> 
      Contents of the menu here. 
     </td> 
     <td valign="top"> 
      <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
       Contents of website here. 
      </table> 
     </td> 
    </tr> 
</table> 

다음과 같이 관련 요소와 클래스의 CSS는 다음과 같습니다

td { 
    font-size: 11px; 
} 

td.left { 
    width: 200px; 
    padding-top: 50px; 
    background-color: #EFEFEF; 
} 

td.top { 
    height: 16px; 
    align: right; 
    padding-bottom: 2px; 
} 

문제는 웹킷 클래스로 TD을 계산이다 왼쪽으로은 200 픽셀 대신 161 픽셀이됩니다. style="display: block" 또는 style="min-width: 200" 중 하나를 추가하여이 문제를 해결할 수 있습니다.하지만 그렇게하면 Webkit은 첫 번째 테이블의 크기를 1000 픽셀이 아닌 1039 픽셀로 변경하여 페이지의 나머지 부분을 전체적으로 이동시킵니다. 고정 너비 요구 사항을 완전히 무시하는 것 같습니다.

웹 사이트의 구조를 크게 변경하지 않고이를 해결할 수있는 방법이 있는지 알고 싶습니다. 필요한 경우 the website in question의 CSS로 놀 수 있습니다. 버그는 크롬 및 Safari에만 나타납니다. 웹킷과 많은 스택 오버 플로우 질문에 대한 많은 버그 리포트를 확인했지만 그 중 아무 것도 내 문제와 잘 맞지 않는 것 같습니다.

Answer 1

나는 문제가 오른쪽 "스폰서"테이블에있는 이미지라고 생각합니다.

왼쪽 테이블에 최소 너비를 설정하고 "sponsoren"표의 div 태그에 너비 : 150px를 설정하면 나를 위해 작동합니다.

Answer 2

는 테이블에 클래스 클래스를 추가하려고 :

table.yourclass { 
    width: 1000px !important; 
} 

Answer 3

와우는 div의 갈 등 초등학교 스크립트에 테이블을 사용하지 마십시오

<div style="width:1000px; background-color:#ffffff; float:left; clear: both;"> 
    <div style="width:200px; float:left;"> 
     Contents of the menu here. 
    </div> 
    <div style="width:800px; float:right;"> 
     Contents of website here. 
    </div> 
</div> 

이 문제를 해결해야한다.