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,
