100% table-row

by nrenner

HTML

<div class="container">
    
    <div id="search">links</div>
    <div id="search">zwei</div>
    <div id="navigation">&nbsp;</div>
</div>

CSS

html, body {height:100%}
.container {display:table;height:100%}

#search {
  display:table-row;
  background-color: purple;
}
#navigation {
  height: 99%;
  display:table-row;
  background-color: #A53030;
}

*html #navigation {float:left;}