[CSS] Layout problem

[James B]

Hi everyone,

I'm working on a new design for a site and have decided to go with a 3 column layout.

There's a header, a footer, and in the middle 3 columns - 2 fixed and the centre one is fluid.

However, I'd like to use a little fade graphic down the side of the design on either side. I've tried and tried but can't make it work. I have also tried putting an extra column in on either side, but it threw the 2 static columns out.

The closest I have got is to put everything in the middle of a three column table, with my fade image as the background on columns 1 and 3. Worked ok in IE, but not Firefox - I'd rather not use tables at all.

Any help is much appreciated with this. I'd love to keep the dynamic width, but still have the fade image down either side. It's 24px wide and fades from dark on the edge of the site to the background colour.

Thanks very much in advance! :)

James B

[Shadrack]

could you link to what you have so far?

Have you tried putting your 3 column content blocks within a single block? Then the formatting of your 3 content blocks can all be relative to their container and it may be easier then to change the dimensions of the container rather then messing with each content block individually. Then for each content block you can focus on background and layout.

I always have problems with my CSS layout, myself. I usually browse around until I see a layout that I like and then just see how they implemented the layout in their CSS file. CSS Zen Garden is a good start.

[JMann Veteran]

Always a handy site: http://www.thenoodleincident.com/tutorials...sson/boxes.html