Layout problem 3 zeilen mit div - volle höhe

[andy78]

hallo zusammen,

ich habe 3 div (zeilen layout). soweit ist alles ok, jedoch will ich, dass der 3. div mit dem content immer die gesammte höhe ausfüllt - also unterhalb der navigation bis zum browserende, egal wie viel inhalt drin steht.

wer weiss weiter? danke im voraus

/* Hauptdiv */
#main {
width:800px;
margin:0 auto;
text-align:left;
border-left: solid 1px #ffffff;
border-right: solid 1px #ffffff;
/*height:100%;*/
background-image:url(../bilder/hintergrund.jpg);
background-repeat:repeat-y;
background-position: 160 center;
}

/* Die Titelzeile */
#logo {
height:140px;
padding-bottom:0px;
text-align:center;
vertical-align:bottom;
background-image:url(../bilder/logo.jpg);
background-repeat:no-repeat;
}


/* Der Inhalt */
#content {
padding-top:40px;
padding-bottom: 40px;
color:#000000;
}

#text {
width: 700px;
margin: 0 auto;
background: rgba(248,248,248,0.70);
border-radius: 0px 0px 0px 25px;
border: solid 1px #330000;
padding: 15px;
}



<!-- Gesamter Inhalt -->
<div id="main">

<!-- Titelzeile mit Navigation -->
<div id="logo">&nbsp;
<div id="fussnavigation">

<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">...</a></li>
<li><a href="#">...</a></li>
</ul>
</div>
</div>


<!-- Inhalt sollte bis zum browserende gehen-->
<div id="content">
<div id="titel">
<?php echo "<h1>".$titel."</h1>"; ?>
</div>
<div id="text">
<?php echo $content; ?>
</div>
</div>
</div>

[cgee]

Soweit wie ich das verstehe...

<style>
#content { height:100%;}
/*Text-Container*/
#text { height:100%;}
</style>

Meintest du das?

[Xam]

Verständnis Probleme

Willst du die Seite in gleich große Stückchen unterteilen... http://jsfiddle.net/f8Sbv/3/ ?

Oder willst du dass der Footer immer unten ist... http://ryanfait.com/sticky-footer/ ?