I've got a table-based design with inline styles. Thought this was the best way to approach my designer's concept as it (at first) appeared extremely simple.
My problem is that he's very fond of overlapping semi-transparent pngs and full-screen layouts.
I have a pattern which flows 100% left/right.
Then I have a nav bar centered over that, which sits upon a semi-transparent gradient, which also stretches full screen. Everything else on the page is centered on a simple, full-screen repeating background pattern or color.
What I thought I could do is slice up the nav bar- by using three columns, I could center the main piece, and take the darker gradients on the side and throw them into table cells to repeat-x.
But the problem, of course is two-fold: 1) I can't specify a td size or a fixed transparent image to force the side tds to expand, and 2) even though I've specified a width for my center (nav) image, that column keeps expanding.
I'm a little rusty, my CSS is not the most current, but I've tried max-width and everything I can think of to force that middle column to stay put.