height: 100%; no IE6

[Guest --marcus --]

Olá pessoal, como faço pra fazer funcionar o 100% de altura no IE 6.

Já esta funcionando no ie7 e FF. Muito obrigado.

[KaKarotto]

Não funciona. Aliás, não funciona nem no FF quando é usado o DOCTYPE.

O atributo 100% no height não é preciso, não é utilizado. Isso porque não se sabe o que é 100% da altura. Geralmente, os sites usam conteúdo dinâmico, e esses conteúdos são de valores variáveis, então é usado o height:auto.

Vai depender muito do seu caso, poste seu html pra gente dar uma olhada.

Aquele abraço.

[Guest --marcus --]

Bom, obrigado pela atenção!

CSS:

#top_esquerda {

position: absolute;

height: 25px;

width: 12px;

background: #fff url(../images/fundo/top_esquerda.png) no-repeat;

margin-top: 0px;

}

#top {

index-z: 0;

height: 25px;

background: url(../images/fundo/top.png);

backgound-repeat: repeat-x;

top: 10px;

}

#top_direita {

width: 12px;

float: right;

height: 25px;

width: 12px;

background:#fff url(../images/fundo/top_direita.png) no-repeat;

margin-top: -25px;

}

#esquerda {

margin:0;

padding:0;

font-style:normal;

position: absolute;

width: 10px;

background-image: url(../images/fundo/esquerda.png);

min-height: 100%;

_height:auto !important;

height: 100%;

_height: 100% ;

top: -10px;

left: -10px;

margin:0;

padding:0;

font-style:normal;

}

#direita {

position: absolute;

width: 10px;

float: right;

right: -10px;

background-image: url(../images/fundo/direita.png) ;

min-height: 100%;

top: -10px;

}

#bai_esquerda {

position: absolute;

margin-left: -30px;

width: 23px;

height: 30px; background:#fff url(../images/fundo/bai_esquerda.png) no-repeat;

}

HTM:

<div id="top_esquerda"> &nbsp;</div>

<div id="top"> &nbsp;</div>

<div id="top_direita"> &nbsp;</div>

<div id="page">

<div id="header">

<div id="marca">

<a href="#"><IMG SRC=images/marca.gif></a>

</div>

<div id="topnav">

<!-- start: skip link navigation -->

<a class="skip" href="#navigation" title="skip link">Skip to the navigation</a><span class="hideme">.</span>

<a class="skip" href="#content" title="skip link">Skip to the content</a><span class="hideme">.</span>

<!-- end: skip link navigation -->

<span><a href="#">Inscreva-se</a> | <a href="#">Entrar</a> | <a href="#">Ajuda</a></span> </div>

<!-- begin: main navigation #nav -->

<div id="nav"> <a id="navigation" name="navigation"></a>

<!-- skiplink anchor: navigation -->

<div id="nav_main">

<ul>

<li id="current"><a href="#">Button 1</a></li>

<li><a href="#">Button 2</a></li>

</ul>

</div>

</div>

<!-- end: main navigation -->

<!-- begin: main content area #main -->

<div id="esquerda"> &nbsp;</div>

<div id="direita"> &nbsp;</div>

<div id="main">

<div id="top_linha_esquerda"></div>

<div id="top_linha_direita"></div>

<div id="base">

<!-- begin: #col1 - first float column -->

<div id="cola1" class="colunas"><p>fdfssssssssssa</p><br/>

</div>

<!-- end: #col1 -->

<!-- begin: #col2 second float column -->

<div id="cola2" class="colunas"><p>fdfssssssssssa</p>

</div>

<!-- end: #col2 -->

<!-- begin: #col3 static column -->

<div id="cola3" ><p>fdfssssssssssa </p>

<!-- end: #col3 -->

</div>

<!-- end: #base -->

<div id="bai_linha_direita"></div>

<div id="bai_linha_esquerda"></div>

</div>

N IE 7 e FF ta OK, agora no IE 6, os divs direita e esquerda não acompanham o div main. que se extende para baixo do layout.

Muito Obrigado.