Estou trabalhando em um projeto .Net, porém quero utilizar tableless+CSS para formatar o layout. A página está dividida em três frames, o superior, o lateral e o central. Porém estou tendo dificuldade no lateral.
Esse frame lateral, conterá um TreeView. Eu formatei a página desse frame em três DIV básicas. Uma para ficar de fundo e ser utilizada como borda do DIV que conterá o TreeView, o Div do TreeView e um para um logo.
Porém quero deixá-los de forma que o logo sempre esteja posicionado abaixo e sempre visível e a ALTURA do DIV do TreeView seja redimensionado conforme o tamanho do Browser.
Aqui está um modelo do código da página:
<style> body { background-color:#EFEEE7; height:100%; } #fundo { background-color:#ACBBBF; border: 1px solid #7E8994; width:200px; bottom:60px; top:0px; left:5px; right:5px; position:absolute; } #conteudo { border-color:#7E8994; border-width:2px; border-style:solid; background:#E4ECEE; top:40px; left:31px; right:13px; bottom:60px; overflow:auto; position:absolute; width:172px; } #logo { background-color:#00CCFF; left:5px; width:202px; bottom:5px; height:50px; position:absolute; } </style> <body topmargin=0> <div id="fundo"> </div> <div id="conteudo"> <form id="form1" runat="server"> <!--Tree View AQui--> A<p></p> A<p></p> A<p></p> A<p></p> A<p></p> A<p></p> A<p></p> A<p></p> A<p></p> A<p></p> A<p></p> A<p></p> A<p></p> </form> </div> <div id="logo"> </div>
O problema que estou enfrentando surgiu a pouco. Como estava desenvolvendo utilizando o IE 7, estava OK. No Firefox funciona também. Porém no IE6, o fundo não adquire o tamanho correto e o conteudo, ao qual vai o TreeView, ultrapassa o limite do DIV do logo, assumindo 100% do body a partir da posição ao qual indiquei.
Exemplo no Firefox:
Exemplo no IE 6:
Alguém sabe como posso resolver essa formatação no IE de acordo com o FireFox?
Desde já agradeço!
Abs,