Ir para conteúdo

Arquivado

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

NightSpy

Posicionamento de DIV´s

Por , em Desenvolvimento frontend

Recommended Posts

NightSpy    0

NightSpy
Postado

Intaum Galera...to precisando de uma ajuda ai....

 

quero fazer com as Div´s 2 coluna 2 duas linhas..ou seja...um quadrado dividido em 4 partes e acima dele o topo....vai meu código abaixo:

 

#geral {  width:auto;   margin: auto;}#topo {  background-color:#CCC;  height: 40px;}#preview {  width: 300px;  height: 200px;  background-color:#0000CC;  margin-left: 10px;  margin-top: 20px;  margin-right: 20px;  float:left;}#resumo {  width:auto;  height: 200px;  background-color:#00CC33;  margin-top: 20px;}#parametros {  background-color:#FF0000;  height: 350px;  width: 300px;  margin-top: 20px;  margin-left: 20px;  margin-right:20px;  padding: 0px;}#detalhes {  background-color:#009999;  height: 350px;  width:100px;  margin-left: 340px;  margin-top: 0px;  float:right;  }

oq acontece é o seguinte:

 

o topo fica no topo..( :rolleyes: )......abaixo dele no canto esquerdo fica o preview e a direita do previwm fica o resumo...abaixo do preview fica o parametros e a direita do parametro deveria ficar o detalhes..mas naum consigo deixa-lo a direita, ele acaba ficando embaixo do parametros....ja tentei de tudo(mas este tudo q sei é pouco ainda)..por isso venho pedir ajuda de vcs.......

 

HTML: 

<div id="geral"><body>  <div id="topo">  </div>  <div id="preview">  </div>  <div id="resumo">  </div>  <div id="parametros">  </div>  <div id="detalhes">  </div></body></div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

NightSpy    0

NightSpy
Postado

intaum a div q engloba é a geral....mas ela tem q ter o width auto pq tem q se ajusta a tela....ou eu tenho q criar outra dentro desta geral q englobe as outras e q tenha o width fixo??!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

NightSpy    0

NightSpy
Postado

eita mano...acho q você naum entendeu..mas consegui na marra ajustar..criei mais uma div e dentro dela coloquei as duas div´s de baixo( parametros e detalhes) deixei ela 100% e ajustei as outras duas dentro dela..claro verificando o widht da esquerda apra ajuastar a div q vai a direita...somando os valores....olha só como ficou temporariamente pois ainda estou modificando...

 

#geral {  width:auto /* deixando layout automatico de acordo com largura da tela */  margin: auto;  background:url(fundo1.jpg);  border: solid 2px #000;}#topo {   background-repeat:repeat-x;  background:url(barra3.jpg);  height: 40px;  border-bottom: solid 2px #000;}#preview {  width: 250px;  height: 200px;  margin-left: 10px;  margin-top: 20px;  margin-right: 20px;  float:left;   padding:0px;}#resumo {  width:auto;  height: 200px;  margin-top: 20px;  margin-right: 20px;}#parametrostit {  height: 350px;  width:auto;  margin-top: 20px;  margin-left: 20px;  margin-right:20px;  padding: 0px;}#parametros {  background-color:#999;  height: auto;  width:400px;  padding: 0px;  float:left;  border: solid 2px #000;}#detalhes {  background-color:#009999;  height:auto;  width:400px;  margin-left: 420px;}</style>

Acontece q no HTML dentro da div parametrostit coloquei a div parametro e a detalhes..hehehe..naum sei se é o jeito certo a fazer, mas por enquanto esta dando certo!

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