Question

there seem to be a few posts on this subject but i can’t find anything conclusive one way or the other, so thought i’d try on here for someone far more knowledgeable in CSS than me! I have 3 container divs which have background images to give the impression of a tapered out line effect at the top and bottom of the main content. I can’t get the middle div to dynamically expand as far as i need it to, it seems to need a specific height. Is there any way to get height: auto or 100% working on this? The site is here – thanks!

Answer 1

Edit: Sorry, you are trying to stretch the background image.

The technique is to remove the float:right; style and add a margin to the left:

#main_body {
  float: right; //remove this
  margin-left: 320px; //add this
}

-works on Chrome