So, if you look at the source on the site, you will see that the content wrapper is supposed to encompass the left border, the content wrapper center and the right border - (it is annoying to have to build the borders like this, but I could not think of any other way).

once I have figured this out, there will be further content boxes inside the content_wrapper_center to contain the menus and news etc.

The difficulty I am having is that I want the left and right (and center) content area images to repeat in the y direction, to the height of the main overall content wrapper while things inside the center content wrapper expand down the page.

At the moment, the left , right and center seem to be expanding independently from one another and not filling the outer content wrapper as the center content wrapper grows.

I have used some testing text to show what happens when the content wrapper center grows.

I hope I have been clear enough for you guys to be able to give me some assistance - If I have not been, please do shout.

Many thanks in advance for your help,

Zed.

Millenia

07-21-2008, 01:52 PM

The difficulty I am having is that I want the left and right (and center) content area images to repeat in the y direction, to the height of the main overall content wrapper while things inside the center content wrapper expand down the page.

This is for a cms, where the centre area will expand to height "n". I want the centre area to expand, thus pushing the main content wrapper down. I also want the left and right borders to fill the y-direction to the bottom.

So, as you can see from the temporary site link:

http://testing.elitestrikeforce.com/first_site/test2/test3/e107.html

the central blue is pusing the overall content wrapper (pink down), but the left and right borders are not filling in the y-direction to the same height as the overall wrapper - hence the pink background of the overall wrapper is showing.

I hope this helps you to help me as it were :D

If I can be clearer, please shout :D

Thanks again,

Zed.

~Zedge~

07-21-2008, 10:33 PM

Hmm, I thought this might be the case - I have was looking into some positioning things and came across brainjar.com:

http://www.brainjar.com/CSS/positioning/default3.asp

There I found this quote:

Second, unlike boxes in the normal flow, the vertical margins of a floated box are not collapsed with the margins of boxes either above or below it.

the 3 images (left wrapper, center wrapper and right wrapper images) are inside the "content wrapper", and perhaps this is the reason they are not all meeting at the height of the content wrapper?