vertically expanding DIVs

Discussion in 'HTML & Website Design' started by nicnack, Dec 22, 2008.

  1. #1
    Hello!!!

    at the link below I've built 2 div colums that should appear side by side.. the one one the left dynamically expands vertically as content is added. I want the following div column on the right to do the same accordingly .. in that 2nd div column there is a specific div that has a bgimage that would repeat vertically (its between the skateboard and the quote).

    Is there a way to make this second column vertically expand to match the first column?

    the only awkward way I though to fix this is to redesign it so that its not set up as two columns anymore and therefore instead of each having a repeating bgimage I could merge them together as one bg image that would auto repeat as necessary.. make sense? i was just hoping not to have to redesign the construction of the page if you may have a solution

    http://www.nicnackpaddywack.com/Chef/test.html

    thank you!!
     
    nicnack, Dec 22, 2008 IP
  2. Pornolu

    Pornolu Peon

    Messages:
    92
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Change the height of #media_middle_column accordingly so that it is the same height as the left column.
     
    Pornolu, Dec 22, 2008 IP
  3. LindseyInteractive

    LindseyInteractive Well-Known Member

    Messages:
    2,830
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    175
    #3
    Yes, and also, if you are using a image for the background effect make sure that you are using the following attribute:

    background image: url(image/xxxxxx.jpg) repeat-y;

    It will make your images repeat vertically as the column "div" is expanded.
     
    LindseyInteractive, Dec 22, 2008 IP