Ir para conteúdo

POWERED BY:

Arquivado

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

Kurosaki

Colunas de div's dentro de outra div com roda pé

Recommended Posts

Pessoal, estou fazendo um site em que em sua maioria é feito por table, mas estou aposentando o sitema de tables para entra no sistema css de div's mesmo, começei a progamar hoje, e enfrentei o seguinte problema:

 

Como sou leigo ainda estou com dificuldade em fazer isto:

 

 

Imagem Postada

 

 

 

Quando tento fazer no codigo fica assim:

 

 

 

Imagem Postada

 

 

não estou dando conta de fazer a coluna div empurrar o rodapé, e não é só isso, estou com dificudade de colocar uma do lado da outra pra fazer as outras demais colunas de menu, por favor, quem poder me ajudar agradeço desde sempre!

 

aqui vai o código que criei:

 

<div id="bancada">
	<div id="topo_bancada"><img src="image_rec/projeto1rec_r4_c4.jpg"/></div>
<div id="menu1">



</div>
	<div id="rodape_bancada">
	  
	<img src="image_rec/projeto1rec_r34_c4.jpg"/> </div>	

</div>

aqui o CSS:

 

#rodape_bancada {
	display: table
	clear: both;
	position:absolute;
	width:100%px;
	height:100%px;
	z-index:1;

}
#topo_bancada {
	display: table
	position:absolute;
	width:100%px;
	height:100%px;
	z-index:2;
}
#menu1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}

ja li vários tutorias aqui mas não tive muito avanço :unsure:

 

 

 

----------------

Now playing: Queen - A Kind Of Magic

via FoxyTunes

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cuidado com suas declarações..

width:100%px;
	height:100%px;
	z-index:1;

Isso não existe... "100%px"... ou é pixel, ou é uma porcentagem!

E o z-index, define a ordem no eixo z!... não estou vendo onde estariam os teus blocos sobrepostos..

 

Veja que você está posicionando tudo com o valor "absolute", isso não me parece ser necessário para a tua estrutura. É bom entender bem, as diferenças entre "relative" e "absolute", sabendo qndo usá-los.

 

 

Tem como colocar on line, para que nós vejamos o código por completo?

Compartilhar este post


Link para o post
Compartilhar em outros sites

obrigado amigo, já resolvi o problema, estava nos floats mesmo, só mais uma coisa, como eu coloco pra quebrar a linha automaticamente na div?

 

 

valeu, assim que eu terminar o site eu coloco aqui

Compartilhar este post


Link para o post
Compartilhar em outros sites

E isso já não acontece normalmente?

 

Um texto sem quebra de linhas, já obedece o limite da DIV e se quebra, descendo de linha neh?! ...

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.