Tem como travar um div??

[azeredo 0]

Pessoal, é meu primeiro post nesta área aqui no fórum.. minhda dúvida é a seguinte...eis o código

<style type="text/css"><!--#Corpo {	position:relative;	width:100%;	height:100%;	background-color:#CCFFCC;	left: 0px;	top: 0px}#Topo {	position:absolute;	left:0px;	top:0px;	width:100%;	height:20%;	z-index:1;	background-color:#33FF33;}#Menu {	position:absolute;	left:0px;	top:20%;	width:20%;	height:80%;	z-index:1;	background-color:#FFFF00;	}#Principal {	position:absolute;	left:20%;	top:20%;	width:80%;	height:80%;	z-index:1;	background-color:#FFCC00;}#Botton {	position:absolute;	left:20%;	top:100%;	width:80%;	height:20%;	z-index:1;	background-color:#663366}#InfDir {	position:absolute;	left:0px;	top:100%;	width:20%;	height:20%;	z-index:1;	background-color:#CC33FF}body {	margin-left: 10%;	margin-top: 0px;	margin-right: 10%;	margin-bottom: 0px;	background-color:#CCCCCC;}--></style><div id="Corpo">	<div id="Topo">	<img src="fox_logo.JPG" width="100%" height="100%">		</div>		<div id="Menu">	asdad	</div>	<div id="Principal">	<p>dasdasdsa</p>	<p>dasdasdsa</p>	<p>dasdasdsa</p>	<p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p><p>dasdasdsa</p>	</div>	<div id="Botton">	</div>	<div id="InfDir">	</div></div>

O que acontece... começa a imprimir dasdasdsa na div principal... mas ao chegar no final dela... simplesmente passa dela e continua, não aumentando a div e bagunçando tudo...O que gostaria de fazer é, ao ir pondo dados ali, pois vou pegar de uma tabela, ele ir aumentando o tamanho da div ou da layer agora já não sei qual que tem que aumentar... e com isso aumentar junto a do menu, e por o botton e o infdir logo abaixo destes, para continuar correta a visualização do site...Não sei se foi bem claro... mas o que acontece pode ser visto aqui...www.maxximus.com.br/moises/testes.phpValeu

[Poe 0]

Você coloca nas camadas de baixo o seguinte:

 

#Botton {		clear: both;}#InfDir {		clear: both;}

Obs.: Isso será adicionado a seu código, eu só não coloquei tudo pra economizar espaço.

 

Tem uns posts aqui no fórum que o pessoal SEMPRE pergunta isso. Dá uma olhada. Vou procurar os links, mas pesquise os posts pra ver se não resolve as suas dúvidas antes de postá-las aqui! :D

 

Só alguns exemplos:

[*]Problema com propriedade Float, IE e FF que ódio!!!!

[*]div sobrepondo div

Uma pergunta: Por que esses positon:absolute, position:relative e z-index aí? Parece que são desnecessários! :D

 

Abraço!

[azeredo 0]

Opa,

 

Coloquei o clear: both mas não adiantou, continua a mesma coisas...

 

Na verdade nem sei o q significa esse z-index... eheh (gosto de programar..... parte grafica não é minha praia.... http://forum.imasters.com.br/public/style_emoticons/default/natal_biggrin.gif )

 

E esse position: absolute e relative... pelo que li é para quando mudar a resolução do monitor não bagunçar tudo.... tenho que pegar o link do tuto q li para por aqui...

 

Vlw

[Giovani 104]

Você quer que as duas div's (menu e principal) tenham sempre o mesmo tamnaho e o rodapé fique no final?

Se for isso pesquise sobre faux column aqui no fórum.

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/natal_noel.gif

[azeredo 0]

Hum... interessante esse faux column...Com ele funcionou certinho, só não gostei muito de ter que ficar criando uma figura mas tá valendo...Obrigado

[azeredo 0]

quer dizer... nao foi certinho certinho nao... pq como estou trabalhando com %, ele repete a imagem do #Corpo apenas até 100% então como o #Principal está ficando maior que o 100% do #Corpo, não repete mais a imagem...e tb.. se coloco por exemplo 150% no heigth do #Principal, ele não empurra o #Botton e o #InfDir, passa por cima...não sei se deixei claro...VlwPorque, quando coloco um conteúdo no #Pricipal, e esse fica maior do que era inicialmente.... ele não está "empurrando" o #Corpo para baixo?Pois pelo que li ontem e hoje, é isso que está deixando com erro aqui....Fiz um teste de deixar o #Corpo com heigth: auto, mas aí, ele praticamente se resuma a 1 linha.... e como as outras # estão relacionados com ela acabam ficando em linha também....Teria que tentar fazer que, quando o #Principal aumentar, ele "empurasse" o corpo junto...E no ff ele nem aumenta o #Pricipal... apenas imprime o conteúdo dela abaixo do #bottom..... Vlwhum.. já vi que vai dar uma bagunça geral aqui... por causa que estou trabalhando com %....pois fiz um teste... coloquei o #Bottom dentro do #Principal, então quando aumentou o tamanho do #Principal, esse empurrou o #Bottom para baixo... mas com isso o tamanho do #Bottom também foi aumentado pois está relacionado com o tamanho do #Principal..... mas acho que se eu mudar o tamanho do #Bottom para um tamanho fixo em pixels... quando mudar a resolução do monitor não alterar daí, correndo o risco de bagunçar??Porque daí, poderia colocar o #Bottom dentro do #Principal e o #InfDir dentro do #Menu, mas mesmo assim continua o problema do tamanho do #Corpo que não aumenta junto com o #Principal.....mais alguma sugestão?