이상한 크롬 문제

문제가있어 도움을 받기가 절실합니다.이상한 크롬 문제

테이블 헤더와 테이블 본문을 별도로 렌더링해야합니다. 각 열과 머리글 셀에는 동일한 CSS 클래스가 있습니다 (예 : .col1_name). 그 CSS 클래스는 선언 된 너비와 텍스트 정렬을 가지며, 그런 식으로 헤더와 테이블 본문 셀이 올바르게 정렬되도록합니다.

그리고 IE8과 Firefox에서는 모든 것이 정상입니다. WebKit 브라우저 (Chrome 및 Safari는 Chrome이 중요합니다.)에 문제가 있습니다. 테이블 본문 셀의 폭을 IE 및 FF보다 5px 적게 렌더링합니다. 문제를 추적 할 수는 없지만 5px 너비가 계산 된 스타일에 있음을 확인했습니다.

아래는 촬영 사진과 샘플 코드입니다. 어떤 도움 IE 8 Is just fine http://img191.imageshack.us/img191/2360/probie8.png

Firefox is just fine http://img705.imageshack.us/img705/661/probff.png

Google Chrome is not so fine http://img199.imageshack.us/img199/5176/probgc.png

Inspecting element ... http://img96.imageshack.us/img96/19/probj.png

<style type="text/css"> 
    .rbr{ width: 45px; text-align: left;} 
    .sifra {width: 90px; text-align: left;} 
    .naziv { width: 240px; text-align: left;} 
    .kolicina {width: 90px; text-align: right;} 
    .cena {width: 60px; text-align: right;} 
</style> 

<table id="tableheader"> 
<thead> 
    <tr> 
     <th class="rbr">RB.</th> 
     <th class="sifra">Sifra</th> 
     <th class="naziv">Naziv</th> 
     <th class="kolicina">Kolicina</th> 
    </tr> 
</thead> 
</table> 
<table id="tablebody"> 
    <tbody> 
    <tr> 
    <td class="rbr">1</td> 
    <td class="sifra">11111112</td> 
    <td class="naziv">Adelante 3 series</td> 
    <td class="kolicina">2.00</td> 
    </tr> 
    <tr> 
    <td class="rbr">2</td> 
    <td class="sifra">86868631</td> 
    <td class="naziv">Canyon CNR</td> 
    <td class="kolicina">1.00</td> 
    </tr> 
    </tbody> 
</table>

많은 감사 사람들!

출처

2009-12-28 Popara

그리고 window.css에는 무엇이 있습니까? –

샘플 코드가 Safari 나 Mac OS X의 Chrome에서 저에게 문제가되는 것 같지 않습니다. 샘플 코드가 실제로 시스템에서 문제를 보여줍니까? –