div relative height

[M.O.S. Studios]

here is my layout

 

<div class='wrapper'>

<div class='right'></div>

    <div class='content'></div>

<div class='left'></div>

</div

 

I've tried a few different css codes, I cant figure out what combo i need exactly.

 

i want .content to determine the height of: .wrapper, .right and .left

 

and i want the height of .content to be determined by the content inside with a minimum of 800px.

 

any ideas?

 

thanks in advance

[merylvingien]

I am still not sure what you want after reading your post over again LOL

 

Anyway, i think you want the minimum height of .content to be 800px?

 

.content {min-height:800px}

 

If thats not it, then my apoligies, i will re read your post again and again LOL

[haku]

You can't set the sizes of .right and .left according to the size of .content. CSS is not a computational language, and doesn't allow sizes to be computed based on the sizes of other elements, unless those other elements are directly interacting with each other, which in your case, they aren't.

[M.O.S. Studios]

well I'm going to re-phrase my question, just in case there is a misunderstanding.

 

basically the .right and .left div have to run parallel to content and at the same length.

 

the problem I'm having is that when  .content is expanded to more then 800 px all the other divs stay the same length

[haku]

CSS works in height and width. Which do you mean by length?

[M.O.S. Studios]

I mean height

[haku]

If you want the sides to expand with the content, you need to structure it like this:

 

<div class='right'>
  <div class='left'>
    <div class='content'></div>
  </div>
</div>