[Resolvido] problema com altura de coluna/conteudo

[Renato =) 0]

Então, na minha página, se o menu lateral tem mais linhas que o conteúdo ou vice-versa, fica um espaço em branco entre o menor e o rodapé... como eu poderia fazer ele ser preenchido??

 

e a outra dúvida é: tem como eu fazer o layout ser preenchido totalmente caso o conteúdo e o menu não preencherem??

tipo, fazer com que o rodapé fique sempre na parte de baixo do navegador...

 

 

o meu css é:

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family: Trebuchet MS, Verdana;
 font-size: 13px;
 color: white;
} 
 
#pagewidth{ 
 width:715px; 
 text-align:left;  
 margin-left:auto;
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:93px; 
 background-color:#222222;
 width:100%;
} 

#faixa{
 height: 9px;
 background-color: #930000; 
}
 
#leftcol{
 width:25%;
 float:left; 
 position:relative; 
 background-color:#777777;
 }
 
#maincol{
 background-color: #1F1F1F;
 float: right; 
 display:inline; 
 position: relative; 
 width:75%; 
 }
 
#footer{
 height:30px;
 background-color:#910000;
 clear:both;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

abraços

[Renato =) 0]

aah, uma imagem pra exemplificar!

 

http://img399.imageshack.us/img399/5319/exemplogp3.gif

[brcontainer 16]

e ae renato tudo bem?

bem esse problema já foi comentado no forum mas não destacado

 

tanto que cheguei a fazer uma tuto para resolver um problema parecido

 

mas vamos ao simples que é melhor

é o seguinte não tem UM HEIGHT 100% no CSS igual nas tabelas então o jeito é simular

usando um background no div PAI de todos elementos com uma imagem de fundo posicionada

na mesma direção do CONTEUDO assim ele iria simular o preenchimento.

 

se você notar alguns sistemas de BLOGs como ZIP.NET tem layouts que fazem essa simulação

pois ainda não há uma maneira viavel de acomapanhar a altura via CSS

a não ser que você use javascript ;)

 

 

falow abraço

[Ronaldo Bitencourt 0]

corretíssimo o comentá :thumbsup: rio do silverfox....

 

mas complementando pra ver isso na prática http://imasters.com.br/artigo/4462/css...om_faux_column/

 

sempre é bom lembrar !!!

[Renato =) 0]

humm, funcionou!

 

valeu, abraço =]