CSS DIFFERENT HEIGHTS

popo

New Member
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?
 

annahussy

New Member
It is really good to learn web designing and development which is useful in future to make career in IT field. CSS is one of the important part or file of website which you can design for maintaining the overall structure of website like height,width,fonts,colours etc. If your CSS is good designed then your website looks attractive and catchy for sure.
 
Top