In many designs, we have two column. One for main content and the other is for sidebar. So, I float one to the right and the other to the left. Imagine that we apply a background to them. The problem is here that the height of main_content and the height of sidebar is not equal. My english is not good so see this as an example :? :
In css2 the display:table technique can solve this but it’s not supported by IE less than 8. :(
(sorry. I know it’s a very simple question but I didn’t know what should I search in the internet to find the answer. and, sorry for my English.)
The problem is that I don’t know how much the height of main_content would be. It depends on how much content will be there. If the content in main_content be more than the sidebar, the sidebar background doesn’t apply.
make an image say 1hx800width repeat vertically
e.g: 550px white 250px blue set this as the background for the container div then have your other divs float left and right, the left one with another image as background which should sit on to of the 1×800 image