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>