100% table-row

by nrenner

HTML

<div class="container">
    
    <div id="search">links</div>
    <div id="navigation">&nbsp;</div>
<!--
   <div class="row">
      <div id="search">links</div>
   </div>
   <div class="row">
      <div id="navigation">&nbsp;</div>
   </div>
-->
</div>

CSS

html, body {height:100%}
.container {display:table;height:100%}
    /*
.row {display:table-row}
;height: 1%;
.row:last-child {height: 99%;}
    */
#search {
    /*
  width: 160px;
  height: 25px;
  height: 1%;
  display:table-cell;
    */
  display:table-row;
  background-color: purple;
}
#navigation {
    /*
  display:table-cell;
    */
  height: 99%;
  display:table-row;
  /*background-color: url('../images/transparent.png') ;*/
  background-color: #A53030;
}

*html #navigation {float:left;}