Dividi o layout na minha página assim:
div global p/ manter a página ocupando 100% de largura e altura para a resolução de qualquer monitor, depois uma div a esquerda para o menu, uma a direita para o conteúdo variavel da página, e duas divs para o topo e o rodapé.
Eis o problema: Não consigo manter height da minha página a 100% e a minha div "conteúdo" que deve ficar alinhada a direita, esta sobrepondo (cobrindo parcialmente) a div esquerda, isso quando minimizo a janela
É o seguinte, uso o seguinte CSS;
body { text-decoration: none; margin: 0; padding: 0; list-style: none; vertical-align:middle; border: none; height:100%; } #global { margin: 0 auto; width: 80%; height:100%; text-align:left; margin-left:auto; margin-right:auto; border-right-style: groove; border-left-style: groove; } #topo { width: 100%; height:130px; text-align:center; } #esquerda { float: left; width: 30%; text-align:left; height: 400px; } #conteudo { float:right; width: 70%; height: 400px; } #rodape { width:100%; height:70px; }
Só para constar, desenvolvo em Asp.Net. Mas acredito que em relaçao ao CSS isso não interfere.
Coloquei as tags html e body com height: 100 % direto na página
Se alguém puder me ajudar! Eu agradeço...
Abraços