Benim HTML'de aşağıdaki tablo vardır: HTML tablosundaki içeriğine uygun bir sütunun genişliği nasıl oluşturulur?
<div style="max-width:700px;">
<table border="1">
<tr><td colSpan="2">this is a loooooooooooooooong text</td></tr>
<tr><td width="1px">a:</td><td >b</td></tr>
<tr><td width="1px">c:</td><td >d</td></tr>
</table>
<div>
I (Ben orada
width="1px"
koymak yüzden) sadece içerik uzunluğuna uyacak şekilde ikinci ve üçüncü sıradaki ilk sütun genişliği istiyorum. Bu arada, genişliğini sınırlayan div'in maksimum genişliğine yayılmak yerine tablodaki en uzun içeriğin uzunluğuna (ilk satır olan) sığdırmak için tablo genişliğini kullanmak istiyorum.
Aşağıda gösterildiği gibi Firefox'ta çalışır. gösterildiği gibi, beklendiği gibi
Ancak IE 9'da çalışmıyor. Benwidth="1%"
ile
width="1px"
yerine çalıştı. Fakat daha sonra tablo genişliği, ebeveyn div'in maksimum genişliğine yayılacaktır.
IE'de nasıl düzeltileceğini bilen var mı?
IE9'da benim için çalışıyor. – Will
Mümkün olan [mümkün olduğunca küçültmeli masa hücrelerini mümkün kılıyor mu?] (Http://stackoverflow.com/questions/4582631/are-shrink-to-fit-table-cells-possible) –