"Esticar" a div até o final da pagina!

[lsteffler 0]

Boa Noite!

 

Eu preciso q a div=pages que está dentro da div=content seja "esticada" até o final da página...

 

Porém ela só fica no tamanho que eu definir colocando um height ou no tamanho do texto...

 

Se alguem puder me ajudar, muitíssimo obrigado!

 

#content {
	float: left;
	margin: 5px 0 10px 0;
	width: 565px;
}
#content #pages {
	margin:0;
	background:#FFF;
	float: left;
	margin: 0 0 5px 0;
	width: 565px;
}

[brcontainer 16]

html,body{
height:100%;
}
#content #pages {
margin:0;
background:#FFF;
float: left;
margin: 0 0 5px 0;
width: 565px;
height:100%;
}

porem acredito que desta forma não acompanhará o texto

 

ae você pode usar min-height:; e height:; (no ie6 não funcionará somente no ie7, FF e complacentes)

html,body{
height:100%;
}
#content #pages {
margin:0;
background:#FFF;
float: left;
margin: 0 0 5px 0;
width: 565px;
height:auto;
min-height:100%;
}

PS.: Ainda não testei a segunta forma

[lcr3 0]

Até o HTML 4.01 era suportado a altura 100%, mas apartir do XHTML isto não é mais possível.

Você vai ter de usar algumas estratégia paleativas e as vezes não muito recomendadas com javascript para ler a altura da tela e forçar a altura da DIV.

 

Mas como eu disse, não recomendo.

 

Luis

[ http://www.luis.blog.br ]

[lsteffler 0]

é o 100% realmente nao funciona...

 

veja a pagina q estou tentando acertar... http://www.escola4dejulho.com.br/?sub=cont...mp;secao=biblio

 

entao o negócio nao é tão simples como parece... hum... sacanagem

[Giovani 104]

Um faux-columns não ajuda?