div height problem

I have header, Mastercontianer and footer for my si开发者_开发知识库te.

I have 2 containers inside master container A(left) + B(right)

As the B container fills up , 'A' container doesn't move.

Is there any way to fill up A container with some color?

Thanks in advance

there's many ways to achieve this using CSS.

The simplest solution is to use something called "Faux columns". This basically means that your maincontainer has a background image which is the full width and 1 pixel high. The background image is then repeated on the y-axis meaning that your columns appear to stretch consistently as the height of the main container is pushed by your A & B divs.

Here's a simple tutorial which covers this approach:

Faux columns tutorials