Question

I have a problem in which I am making a website which will have a main content section and a “Updates” bar on the right side. Here is the link. http://bebiafricanhairbraiding.com/

You should be able to get the code from the website itself but if you need the code I can post it here.
Thanks.

Answer 1

Is it really important that the div’s are the same height, or that the background is the same length? I guess the latter. Instead of trying to get the div’s to be the same height (which won’t work), create two positioned div’s and set the background on their parent. The rounded corners at the bottom should be done in a separate footer element.

So like this:

+-----+-----+
| a   | b   |
|     +-----+
|     |
+-----------+
| c         |
+-----------+

a is your content column, b is your sidebar. Both are (together) contained in a parent div, which has a background. c is the footer with rounded corners.

See also http://www.alistapart.com/articles/fauxcolumns/.

I would also really recommend to use a css framework like http://twitter.github.com/bootstrap/. This makes it a lot easier to make grids, nice typography, etc.