More in this section

Forums / Designing & Styling / 3 Even Columns

3 Even Columns

2 posts, 0 answered
  1. Kevin
    Kevin avatar
    2 posts
    25 Oct 2010
    07 May 2012
    Link to this post
    I can't seem to get my Columns to grow evenly. I have a background in the Navigation Column and when I try to add content longer than the Navigation the background gets cut off.
  2. Greg
    Greg avatar
    82 posts
    08 Aug 2012
    08 May 2012
    Link to this post
    Hey Kevin -

    The only way you'll get your columns to all be the same length is to set a static height on them (which you shouldn't do). Instead, what I would do is wrap an ID or class around your column container, create your background image that has the three column images within it, and set that to repeat-y. If your background image is a gradient from left to right, for example, then you can just create it 1px high and repeat the background image down the page.

    This will give you the effect of having three columns with different background images, however, the length of the backgrounds will always be the same. Hopefully this makes sense...

2 posts, 0 answered