Div com altura variavel entre home e internas

[mcengel 0]

* { font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px;	list-style:none;	text-decoration: none;	margin:0;	padding:0;	}body {	background: #171717 url(../imagens/fundo.jpg) repeat-x;	}h1 {	color: #ccc;	font-size: 14px;	font-weight:bold;	margin-left: 20px;	border-bottom: 2px dotted #666;}#geral {					width:700px;	margin:0 auto;	height: 580px;		}#esquerda{	background:url(../imagens/lado.jpg);	width:11px;	height:547px;	float:left;	margin:0;	padding:0;		}	#centro{	background:#3D3D3D;	width:238px;	height: 547px;	float:left;	margin:0 0px 0 0px;	text-align: right;	padding:0px 0 0px 0;		}#direita{	background:#3D3D3D;	width:448px;	height: 480px;	float:left;	margin:67px 0px 0 0px;	text-align: left;	padding:0px 0 0px 0;		}#rodape{	background:#7877A8;	width:697px;	height: 16px;	margin:0;	padding:0;	clear:both;		}.texto {	font-size: 11px;	color: #CCCCCC;	text-align: justify;	padding-left: 20px;	padding-right: 20px;	line-height: 20px;	font-family: Tahoma;}.linhas {	 display:inline;	 margin: 40px 16px;	 }

 

eu tenho um id= geral que tenh 580 de altura, algumas paginas internas vao ter mais do que 580, qual a melhor forma de eu fazer ? criar um outro id, id geral interna, no caso, ou existe algo mais coerente para fazer?

[Giovani 104]

Tira o height da #geral http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

[mcengel 0]

teria como deixar o height relativo? tipo 100% ?

[mcengel 0]

Visite meu site

 

ilustrando, o bg do lado nao continua.

tem alguma solução, sem contar que no FF ele da pau na altura tambem.

 

valew

[netShot 1]

tenta isso:

 

#geral{	background	:	#3D3D3D;	width		 :	700px;	margin		:	0px auto;	height		:	100%;	min-height	:	100%;}html>body #geral{height:auto; min-height:100%;}#direita{	background	:	#3D3D3D;	width		 :	448px;	float		 :	left;	margin		:	67px 0px 0px 0px;	text-align	:	left;	padding	   :	0px;	min-height	:	480px;}html>body #direita{height:auto; min-height:480px;}

se necessario troque os valores a seu gosto

 

eu testei aqui e deu certinho.. mais informacoes em

 

CSS min-height Explained

 

edit: talvez seja necessario colocar :

html,body{height:100%}

testei com e sem e funfo normal.. testa ai e avisa.. abraços

[Giovani 104]

Seu problema pode ser resolvido com a técnica Faux Columns.

No Lab de Scripts WS tem um artigo sobre isso.

 

[]'s