Ir para conteúdo

POWERED BY:

Arquivado

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

LHardRex

[Resolvido] Estrutura Site Com DIV e CSS

Recommended Posts

Olá pessoal, gostaria de opinioes de como monto uma estrutura toda com DIV para que fique da seguinte forma:

 

layout.gif

 

 

 

Preciso que o site seja width 100% e que o conteudo e colunas sejam height 100%.

O meu maior problema está sendo colocar a coluna 2 mais abaixo e o conteúdo ocupar o espaço.

 

Agradeço desde já.

Compartilhar este post


Link para o post
Compartilhar em outros sites

posta o seu código atual assim,

 

fica mais facil apenas apontar uma direção do que criar toda a estrutura.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sem visualizar o código fica dificil ajudar...... mas pra posicionar a coluna 2, assim como o footer, você pode utilizar o posicionamento absoluto, que aí não tem erro.

 

Poste o código pra podermos lhe ajudar melhor. ^^

 

 

t+

Ramael

Compartilhar este post


Link para o post
Compartilhar em outros sites

Fiz uma gambiarra que deu certo!

 

#geral {height:100%;}

#left { width:5px; background-image:url(../images/header-left.gif); background-repeat:repeat-y; float:left;}
#right { width:5px; background-image:url(../images/header-right.gif); background-repeat:repeat-y; float:right;}
#corpo { padding: 3px 0 3px 0;}
#column-left { float:left; width:185px;}
#conteudo { margin-left:200px; height:auto;}
#banner-central { height:300px;}
#vitrine { float:left;}
#column-right { float:right; width:185px;}

#footer { clear:both;}

<div id="geral">

<div id="header"></div>


<div id="corpo">
	<div>
	<div id="column-left">Coluna Esquerda</div>
	<div id="conteudo">
		<div id="banner-central">Banner Flash</div>
		<div>
			<div id="vitrine">Produtos</div>
			<div id="column-right">Coluna Esquerda</div>
		</div>
	</div>
	</div>
</div>

<div id="footer">

</div>

 

Agradeço à vcs!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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