Chce zrobic takie cos (na obrazku 2 koncepcje oddzielone od siebie czerwona linia):

Problem polega na tym, ze chcialbym, aby pola A, B, C, D (i E) nie mialy stalej szerokosci, ale Z, zeby mialo zawsze taka sama szerokosc. Pola A-E maja wypelniac cala wolna przestrzen w miejscach, gdzie sie znajduja.
Siedze nad tym juz trzeci dzien i za cholere nie moge wymyslec, jak to zrobic. Czy CSS nie ma opcji rozciagnij ?
Najlepiej, gdyby to mialo byc mniej wiecej tak:
Kod
#Z {
width: 80px;
}
#A, #B, #C, #D, #E {
width: rozciagnij_do_maximum;
}
width: 80px;
}
#A, #B, #C, #D, #E {
width: rozciagnij_do_maximum;
}
Czy to wogole jest mozliwe?
Update:
Poprawka - Pole A ma miec statyczne wymiary, tak jak Z. Rozciagac maja sie jedynie B, C, D, E.