I'm learning html, css and php.I created this structure with header, menu(left), content(right) and footer.Inside 'right' has a php form.When user send form to server, the server answers with a table.This table can be bigger than 'left' height.In this way left and right are at different heights.HTML STRUCTURE:\[code\]<div class="header"><h1>AGENDA ELETR?NICA</h1></div><div class="container"><div class="left"><ul><ol><a class="menu" href="http://stackoverflow.com/questions/14626504/index.php">Home</a></ol><ol><a class="menu" href="http://stackoverflow.com/questions/14626504/cadastrar_pessoas.php">Cadastrar</a></ol><ol><a class="menu" href="http://stackoverflow.com/questions/14626504/buscar_pessoas.php">Buscar</a></ol><ol><a class="menu" href="http://stackoverflow.com/questions/14626504/gerenciamento.php">Alterar</a></ol></ul></div><div class="right">FORM PHP</div></div><div class="footer"><small><a class="rodape" href="">Sobre</a></small><small> || </small><small><a class="rodape" href="">Contato</a></small><small> || </small><small><a class="rodape" href="">Ajuda</a></small></div>\[/code\]AND CSS STRUCTURE UNTIL NOW:\[code\].container{}.header, .footer{text-align: center;background-color: #777;color: white;border-style: dotted;border-width: 1px;border-color: black;width: 100%;}.footer{text-align: center;line-height: 100%;float: left;height: 5%;margin-bottom: 3px;}.left{border-style: dotted;border-width: 1px;border-color: black;background-color: #CCC;float: left;width: 11%;min-height: 500px;margin: 2px 0px 2px 0px;padding: 0px 0px 0px 0px;height: 100%;}.right{border-style: dotted;border-width: 1px;border-color: black;width: 88%;float: right;min-height: 500px;margin: 2px -2px 2px 8px;padding: 0px 0px 0px 0px;height: 100%;}\[/code\]I tried many solutions in stackoverflow and othes sites, but i couldn't transform to my needs.Can anyone help me?