CODEWITHSUNDEEP
jquerycsshtml
Kurt
Kurt

Reputation: 107

Equal Heights on Divs Containing Other Divs

I am currently setting up a webpage with a layout like this:

<div id="wrapper">

  <div id="content">
    ...content...
  </div>

  <div id="sidebar">

    <div id="subnav">
      ...subnav...
    </div>

    <div id="contactform">
      ...contact form...
    </div>

  </div>

</div>

The wrapper div is a darker background, while the content div and the subnav/contactform div's have a white background (The sidebar div itself is transparent).

I've tried all the possible equal heights jquery and CSS tricks out there, but none of them seem to work for a div containing other divs of varying heights inside of it.

Is there a fix to my issue?

Upvotes: 0

Views: 126

Answers (1)

Evan Davis
Evan Davis

Reputation: 36592

Sounds like you want Faux Columns:

http://www.alistapart.com/articles/fauxcolumns/

Upvotes: 1

Related Questions