Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

gibertomelo

[Resolvido] Esticar coluna na vertical

Por , em Desenvolvimento frontend

Recommended Posts

gibertomelo    0

gibertomelo
Postado

Bom pessoal,

 

Já tentei de todas as formas esticar as colunas para que ela sejam preenchidas até o rodapé e não fiquem com o fundo cinza escuro do site. Eu quero que a coluna do meio fique toda branca até o rodapé, e as laterais fiquem cinza claro até o rodapé.

 

Não liguem pro restante do site, o que eu to no momento querendo ajustar é apenas esta altura.

 

Se alguem poder me ajudar neste detalhe, acho que estou fazendo certo, mas posso estar esquecendo algum parametro fundamental.

 

Agradeço desde já!

 

Como vocês podem ver no link abaixo:

http://www.unigrafica.org.br/

 

Abaixo uma parte do código CSS que estou usando

#wrap {
min-width:760px;
max-width:1009px;
width: auto !important; /*IE6 hack*/
width:1009px; /*IE6 hack*/
margin:0 auto;
text-align:left;
}

#header {background: #ffffff;}

#barra {background: url(../images/bg-barra.jpg) 0 0 repeat-x;}
#barra2 {height: 138px;background: url(../images/bg-barra2.jpg) 0 0 no-repeat;}

#sidebar {float:left; width:20%; overflow:hidden; background: #f6f6f6 url(../images/bg-menu1.jpg) 0 0 repeat-x;}
#content {float:left; width:60%; overflow:hidden; background: #ffffff url(../images/bg-conteudo.jpg) 0 0 repeat-x;}
#sidebar-2 {float:left; width:20%; overflow:hidden; background: #f6f6f6;}

#footer {color:#cccccc;height: 99px;background: url(../images/bg-footer.jpg) 0 0 repeat-x;clear:both;}

.inside {padding:15px;}

 

E agora o código HTML:

<body>
<div id="wrap">
	<div id="header">
		<div class="inside">
			<a href="http://www.unigrafica.org.br/"><img src="templates/templateunigrafica/images/logo.jpg" alt="Sistema UNIGRAFICA - UNIGRAFICA, CCL, COMPGRAF, ABIGRAF-CE" width="514" height="86" border="0"></a>
		<jdoc:include type="modules" name="user4" />
		</div>
	</div>
	<div id="barra">
			<div id="barra2">
  <table width="100%" border="0" cellspacing="0" cellpadding="10">
	<tr>
	  <td width="70%" valign="top"><jdoc:include type="modules" name="top" /></td>
	  <td width="25%" valign="top"><jdoc:include type="modules" name="user2" /></td>
	</tr>
  </table>
			</div>
		</div>
	<div id="sidebar">
		<div class="inside">
		<jdoc:include type="modules" name="left" />
		</div>
	</div>
	<div id="content">
		<div class="inside">
		<jdoc:include type="modules" name="breadcrumb" /><br>
		<jdoc:include type="component" />
		</div>
	</div>
	<div id="sidebar-2">
		<div class="inside">
		<jdoc:include type="modules" name="right" />
		</div>
	</div>
	<div id="footer">
		<div class="inside">
		<jdoc:include type="modules" name="syndicate" /><br>
		Powered by Joomla!
		</div>
	</div>
<!--end of wrap-->

</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito