Question

Basically IF div.PageheaderDescription contains NO img and NO div#cat-text then i want the height to be 0px so there isnt a white space.

Here is my css:

.PageHeaderDescription {
    height: 320px;
    position: relative;
    width: 99%;
}

This is the CSS path:

html body div#Container div#Content div.PageHeaderDescription

Below is the HTML

<div class="PageHeaderDescription">
    <img border="0" src="images/Category/large/22.png" class="c1" />

    <div id="cat-text" class="c2">
      <table>
        <tbody>
          <tr>
            <td>
              <h1>1 Person</h1>
            </td>

            <td><span>test</span></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

Is using jquery the best way or could i use clear:both some how?
Could you help me, i am not sure how to check for elements in a div using jquery. I know contains works for string values?

Answer 1

You can use css height: auto

div.PageHeaderDescription {height: auto}