Custom Center Block Help

[kobra]

Is this a fixed dimension thing or a liquid design? If fixed scrap the tables and just make it all one image and apply them all in the css. If liquid, scrap the tables in favor of something like an application of "nifty corners" for css design.

[bamaster]

Well, it's a liquid table. Here's the build:




The left and right columns are fixed. The center column is fluid... with an image background in the center-top/center-bottom rows.

I'm not sure how to css the curved corners on the bottom when the entire block is essentially one DIV.

[kobra]

Well I look at this as static, as there is no repeat applied to insure a fluid nature. As you stated the l/r are fixed and the center is one image.

I suggest that you combine the 3 elements into one and apply via the css as described changing to leftBoxHeader & right. then apply a border with padding to get the outline spaced as you want. This will be square corners for now,

You can download the NiftyZen template in the downloads section to see the code for the rounded corners that you would have to re-apply for the sidebox borders. Or Google for the term nifty corners for the raw code.

Or you can retain the current sidebox and just apply a single image to the center area. Your choice