czy można ustawić kolumny tabeli na szerokość automatyczną, aby wypełnić ekran? - css

Chciałbym mieć szerokość mojego stołu 100% szerokości ekranu - tak elastyczną do różnych rozmiarów ekranu.

czy możliwe jest proporcjonalne zmienianie rozmiaru moich kolumn?

Próbowałem podać procentową szerokość td, ale to nie działa, firebug pokazuje, że tbody nie wypełnia szerokości tabel?

        <table class="">
<tr class="headings">
<td class="entry">
</td>
<td class="calendar">Availability Calendar
</td>
<td class="deals">Last Minute Deals
</td>

<td class="ann">Announcements
</td>
<td class="banners">Banners
</td>
</tr>


</table>

Odpowiedzi:

Musisz tylko ustawić szerokość tabeli na100%, i będzie to szerokość jego rodzica. Kolumny zostaną automatycznie zwymiarowane zgodnie z ich zawartością, chyba że dla niektórych kolumn podasz cokolwiek innego.

Kolumny zawsze wypełniają szerokość tabeli, więc jeśli podane szerokości są mniejsze niż 100% lub mniejsze niż piksel tabeli, będą one większe niż określone.