http://jsfiddle.net/gkucmierz/5QZ93/2/

Zrobiłem takie coś. Czy da się w samym css zrobić tak, aby to się prawidłowo rozciągało? (błękitne, fioletowe i szare pole)

Ewentualnie jak zrobić to na tabelce?

Też próbowałem robić ale przy tabelce jest taki problem, że jeśli treść w td jest za duża, to zamiast być scrollable to rozciąga td powyżej ustalonych rozmiarów tabelki.

http://jsfiddle.net/gkucmierz/5QZ93/3/

Tutaj zrobiłem to co chcę uzyskać na tabelce w samym CSS. Tylko, że po dodaniu treści komórki "tr td" powinny być scrollable, a one się rozszerzają. Czy da się to zrobić w samym CSS? Potrafi ktoś?

Zakładając, że .corner ma na stałe przypisany rozmiar, można to zrobić na 2 sposoby:
- przy pomocy 'position:absolute;'
http://jsfiddle.net/5QZ93/4/

- lub na floatach wykorzystując CSSowy 'calc();'
http://jsfiddle.net/5QZ93/6/
tutaj jednak (zależnie od wykorzystania) radzę zapoznać się z 'tym dokumentem'