This is very similar to this thread http://www.webmaster-talk.com/css-fo...sitioning.html but I did not want to hijack the thread. If you choose to merge I agree.

I know the following will work. Since this code will be repeated more than once on the same page I am concerned that I am creating a div mania page when the there is a more proper way to do the same thing. I mean compared to tables, tr and td to do the same thing it is very simple code.

This code deals with a single column of a page and is comprised of a full width image at the top, bottom and a bg image to fill in the content area.

<div> <!-- column width defined in SS -->
<div><img src="./images/top.png" /> </div>

<div> (bg image set in stylesheet)

content as desired fluid height.

</div>

<div><img src="./images/bottom.png" /> </div>

</div> <!-- (the column) -->

As long as you use classes to define the properties of the divs inside the columns, that's really not div mania at all. Although, if you're just using the divs to hold images in the HTML, then the div may not be necessary at all, you could put a class on the image itself. Depends on exactly what you're doing there.

class on the image itself

Suggested reading?

Just define your css properties - margins, padding, dimensions, as a class, then add the class to the <img> statement, like this:

<img class="imgBlock" src=...................... />

CSS example:
.imgBlock{display:block; margin: 8px auto; padding: 3px;}