Flogag: 2 Divs mit gleicher Höhenvariablen

Beitrag lesen

Ich möchte gerne die border vom #content genausohoch anzeigen lassen wie die vom #sub. Beide können allerdings unterschiedlich mit Text etc. befüllt sein - Sprich mal ist der eine Größer mal der andere. Aber insgesamt soll der zwischenraum zum footer mit beiden dis gleichhoch gefüllt sein. Die divs content und sub liegen durch float left nebeneinander und der footer darunter. Wie kann ich das nun lösen? Ich habe schon was mit "height:100%;" versucht, aber das geht nicht.

<div id="cwrapper">
  <div id="content">
   <div class="headline">Willkommen beim Volleyballverein des VFL Stadthagen</div>
  </div>

<div id="sub">
   <div class="bgred">News</div>
   <div class="sublink"><a href="#" target="_self">Testlink</a></div>
    <div class="newshead">Testnews Headline</div>
    <div class="newstext">Wenn ich gross bin, will ich Ulysses
          von James Joyce werden. Aber jetzt
          lohnt es sich noch nicht, mich
          weiterzulesen. Denn vorerst bin ich
          nur ein kleiner Blindtext.
    </div>
    <hr />
    <div class="newshead">Testnews Headline</div>
    <div class="newstext">Wenn ich gross bin, will ich Ulysses
          von James Joyce werden. Aber jetzt
          lohnt es sich noch nicht, mich
          weiterzulesen. Denn vorerst bin ich
          nur ein kleiner Blindtext.
    </div>
    <hr />
    <div class="blink"><a href="" target="_self">mehr News</a></div><br /><br />
  </div>
  <div class="cleaner"></div>
</div>

<div id="footer">
  <div class="footnavi"><a href="#" target="_self">Kontakt</a></div>
  <div class="footnavi"><a href="#" target="_self">Impressum</a></div>
  <div class="cleaner"></div>
</div>