Tablo düzeni sorunu - Firefox ve Chrome ve IE7'ye karşı

Question

Bir HTML tablosu (tablo verileri) yerleştirmeye çalışıyorum ve Firefox 3.5 ve Chrome 2.0.172'de (EDIT ve IE7 - Chrome gibi tabloyu oluşturan) farklı bir şekilde oluşturuluyor) yapar. ,

div#listcontainer { 
    position: relative; 
    float: left; 
    width: 98%; 
    padding: 0; 
    border: 1px; 
    overflow-x: scroll; 
} 

table.tasklist { 
    width: auto; 
    table-layout: auto; 
    border: thin solid; 
    font-size: 9pt; 
    border-collapse: collapse; 
    empty-cells: show; 
} 

col.narrow { 
    min-width: 50px; 
} 
col.wide { 
    min-width: 200px; 
} 

Firefox'ta, masa içeren div daha geniş oluşturur:

Ben bir div içindeki tablo vardır:

<div id="listcontainer"> 
    <table class="tasklist"> 
    <colgroup> 
     <col class="narrow" /> 
     <col class="wide" /> 
     {{ more column definitions here }} 
    </colgroup> 
{{ various code here }} 
    </table> 
</div> 

Ve div ve tablo için css var ve div üzerindeki kaydırma çubuğu, kullanıcının ek sütunlara kaydırmasını sağlar (bu, istenen eylemdir). Bununla birlikte, Chrome ve IE7, sütunların minimum genişlik özelliğini yok sayıyor ve tüm tabloyu içeren div'a tıklıyor. Ne istiyorum değil. Neyi yanlış yapıyorum?

DÜZENLEME

: yerine COLGROUP kullanarak th ve td elemanları kendilerini dakika genişliği elemanları koymak ve sonra da her üç tarayıcılarda beklendiği gibi işler. Chrome'da unsurları teftiş, cols kullanarak ben krom bilmem

Answer 1

... hesaplanan stil div içine sığacak şekilde sütun genişlikleri hale gösterir, ancak IE7 açık bir "genişliği gerektirir inanıyoruz : Oto;" "min-genişliğini" doğru şekilde işlemek için öğeleri üzerinde. Bu msdn üzerinde belgelenmiş gibi görünmüyor, ancak google üzerinde görünüyor.

http://blog.throbs.net/2006/11/17/IE7+And+MinWidth+.aspx
http://msdn.microsoft.com/en-us/library/ms530820(VS.85).aspx

(Ayrıca, tablo ve colgroups ile min-genişliğini kullanarak bazı kısıtlamalar aslında mümkün olmayabilir peşindeler yani ne vardır.)