Hvordan laver man bedst sådanne type layout?

Nu har jeg efterhånden lavet mange forskellige designs til web. Men hver eneste gang jeg skal lave et design hvor der er indgår rammer omkring indhold har jeg problemer med at finde den perfekte løsning.

I nedenstående eksempel skal jeg have lavet rammer som vist, hvordan gøres dette bedst?

1. Jeg har prøvet mig frem med almindelige tabeller, hvor selve rammen får en farve. Men på denne måde skal man lave endnu en tabel indeni for at alle cellerne ikke også får farvede rammer.

2. Så har jeg prøvet med at lave et stykke .jpg med en pixel med den rigtige farve som så bliver strukket til de rigtige længder i de rigtige tabeller.

Men der må da være en smartere måde at lave den slags på? Det vil være til meget stor hjælp hvis nogen kunne komme med lidt feedback på mine 2 gammeldags metoder og eventuelt komme med et par nye.
Det sker indimellem at man har brug for at lave rammer omkring indhold og derfor vil jeg jo gerne lære en smartere måde =)

http://www.triodimenzionale.dk/misc/eksperten/layout.jpg

Håber nogen kan hjælpe stakkels lille mig =)

/Snig