clarify faux columns in css

Discussion in 'CSS' started by roseau, Mar 5, 2008.

  1. #1
    Hi there

    Since css doesn't make the columns the same length, I followed a tutorial to make a background to force the 3 columns to look like they are the same size rather than each the size of the content.

    All 3 columns are white so pretty simple. I made a piece of background in white the same width as my theme. Then I added the background code to the css but I seem to be doing something wrong.

    I think I have to use the repeat as well. I tried both ways and still the same uneven columns.

    So my questions are:
    1. In what part of the css am I to put the background code? In the overall theme section or the content part?

    2. Do I stipulate the size of the background image in the css?

    Generally what is it exactly that makes the columns appear the same? How does the background "follow" the longest column?

    thx so much for any help here.
     
    roseau, Mar 5, 2008 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    Put the background on the columns' parent. The parent will be as tall as the tallest child, and so will its background.

    cheers,

    gary
     
    kk5st, Mar 5, 2008 IP
    roseau likes this.
  3. roseau

    roseau Peon

    Messages:
    266
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Okay Gary, I am glad you came along because I read the page on your css workshop and I actually got this working immediately. I do not know why it didn't seem that easy to me before.

    Once I added the background, my dotted lines were missing but I changed them from white to another color and now everything is perfect.

    thx again for the help and I left a little green for you in appreciation.
     
    roseau, Mar 6, 2008 IP