Fill or repeat y

[tomred]

Hi,

I’m not well versed in CSS so apolgies in advance.

I am trying to create a two column layout where the sidebar colour or image will fill to the same height as the div to it’s right. The code [here might show it better than I can say it.](http://codepen.io/joe/details/bxraA “here might show it better than I can say it.”). I’d like the sidebar to be green as far as the content on the right. At the moment the background-color only covers the area where there are elements. I have tried a background-image and repeat but without luck. Can anyone offer any guidance?

Thanks in advance.

[Paulie_D]

Ahh…it’s an old problem which doesn’t quite have a proper solution just yet…but it’s coming.

There are a variety of solutions (google ‘faux column’) and which one is best for you will depend on your particular needs and site.

Applying the bg color to the container and specifying other colors for the content/footer etc. is a quick and dirty way…http://codepen.io/joe/pen/nDFkj

Do you have an image of what the finished page is supposed to look like…it would help enormously?

[Author]

Posts