Zajęcie przez tabelę największej możliwej przestrzeni

Witam,

oto zarys mojej strony:

DropBox

Interesuje nas zaznaczony na żółto div. Div ma 20% wysokości (względem ‘body’).

Mój problem polega na tym, że chciałbym żeby tabela (to to gdzie są te cyfry od 1 do 10) zajęła całą przeznaczoną jej/możliwą przestrzeń (tzn. żeby sięgała końca ekranu). Nie mogę nadać jej stałej wysokości, bo nie wiem jak wielki będzie ekran użytkownika. A jakbym dał np. 15% to też nie byłoby to dobre rozwiązanie, bo przy małych ekranach buttony wyżej mogłyby być zakryte.

HTML:

<< >> + -
//tu jest tabela generowana przez skrypt

[/code] CSS:

[code] #timeline { width: 100%; height: 20%; position: absolute; bottom: 0; background-color: yellow; }

A co z width:100%; bądź width:X% + min-width dla każdej komórki tabeli ?

Kombinowałeś z javascriptem ?

Zaprzęgnij jQ, ukryj tabelę, wywołaj metodę sprawdzającą szerokość okna, podziel na ilość przycisków i dodaj wartości width dla każdego td oraz całościowo dla tabeli.

Po wszystkim pokaż tabelę i voilla.